键盘事件 onkeydown

Posted llric

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了键盘事件 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();
  }
   }
};

 

以上是关于键盘事件 onkeydown的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript onkeydown事件入门实例(键盘某个按键被按下)

JS笔记 键盘事件

安卓onKeyDown事件 重新获取焦点

键盘事件 onkeydown

JavaScript键盘鼠标事件处理

js键盘事件的使用