ENTER键可以让光标移到下一个输入框 用HTML写 谢谢

如题所述

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

温馨提示:答案为网友推荐,仅供参考
相似回答