手记

〇〇八章 input按回车键跳行

<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>

1人推荐
随时随地看视频
慕课网APP