码迷,mamicode.com
首页 > 其他好文 > 详细

键盘事件 onkeydown

时间:2018-02-27 01:02:34      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:element   his   思路   query   实现   type   ack   func   code   

在文本框中按下回车实现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();
  }
   }
};

 

键盘事件 onkeydown

标签:element   his   思路   query   实现   type   ack   func   code   

原文地址:https://www.cnblogs.com/llric/p/8476461.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!