<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<script type="text/javascript">
//jQuery实现在一个输入框按回车键后光标跳到下一个输入框
function focusNextInput(thisInput)
{
var inputs = document.getElementsByTagName("input");
for(var i = 0;i<inputs.length;i++){
// 如果是最后一个，则焦点回到第一个
if(i==(inputs.length-1)){
inputs[0].focus(); break;
}else if(thisInput == inputs[i]){
inputs[i+1].focus(); break;
}
}
}
</script>
</head>
<body>
<table>
<?php
for($i=0;$i<5;$i++){
?>
姓名：<input type="text" onkeypress="if( event.keyCode==13) focusNextInput(this);">
年龄：<input type="text" onkeypress="if( event.keyCode==13) focusNextInput(this);">
工号：<input type="text" onkeypress="if( event.keyCode==13) focusNextInput(this);">
<br>
<?php
}
?>
</table>
已经验证，供参考20170607
</body>
</html>
继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持，我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付
〇〇八章 input按回车键跳行
2017-06-07 11:05:03
浏览 2538
- 相关标签
- PHP
- JavaScript
随时随地看视频慕课网APP
相关课程
