ENTER键可以让光标移到下一个输入框 用HTML写 谢谢
1个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<script type="text/javascript">
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>
姓名：<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);">
</table>
</body>
</html>
↓JQUERY版↓
----------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<script src="./jquery/jquery-1.11.1.min.js"></script>
<script>
$(function(){
$('input').bind('keypress',function(event){
if(event.keyCode == "13")
{
if($(this).is($('input').last())){
// 回到第一个
$('input').get(0).focus();
}else{
$(this).next().focus();
}
}
});
});
</script>
</head>
<body>
<table>
姓名：<input type="text">
年龄：<input type="text">
工号：<input type="text">
</table
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
