键盘事件 onkeydown

在文本框中按下回车实现tab的功能

 

e.keyCode 为只读 所以不能把回车的keyCode改成tab键的

 

思路: 在按下回车时把下一个文本框(存在时)高亮显示  

<input type="text"><br>
<input type="text"><br>
<input type="text"><br>
<input type="text"><br>
<input type="text"><br>
<input type="text"><br>
<input type="text"><br>
<script type="text/javascript">



var texts = document.querySelectorAll('input[type="text"]');
var i = 0, len = texts.length;
for(; i < len; i++) {
texts[i].onkeydown = txtKeydown;
}
function txtKeydown(e) {

  if(e.keyCode === 13) {
       var nextElement = this.nextElementSibling.nextElementSibling;
  if(nextElement) {
    nextElement.focus();
  }
   }
};

 

posted @ 2018-02-26 22:51  llric  阅读(121)  评论(0)    收藏  举报