天天看点

JSP实现回车键后光标自动跳到下一个单元格

目前掌握的有两种:keycode和循环单元格,

  • keycode只在IE浏览器上支持
jsp代码:
<input type="text" name="name1" onkeydown="turnNext(event)"/>


<script>
   function turnNext(event){
     if(event.keyCode==13){
       event.keyCode=9;
     }
   }
</script>
           
  • 循环单元格
jsp代码:
<input type="text" onkeypress="if(event.keyCode==13) focusNextInput(this);">

<script type="text/javascript">   
    function focusNextInput(thisInput){//jQuery实现在一个输入框按回车键后光标跳到下一个输入框     
        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> 
           
JSP实现回车键后光标自动跳到下一个单元格