2018-03-26 JS 按回车键的时候执行的代码

解决步骤

1. 知道js键盘按键的事件是怎么触发的
2. 事件触发的时候 怎么区分是哪个按键
3. Enter 键是哪个?
4. 代码

问题1:js键盘按键的触发

完整的 key press过程分为两个部分:1. 按键被按下;2. 按键被松开。
onkeydown : 键盘按下时触发,如果按下不抬起,那么会连续触发。
onkeyup : 键盘弹起时触发


不是所有元素都能接收键盘事件,只有能够响应用户输入的元素,换言之,能够接收焦点的元素就能接收键盘事件。
注:我还不是很明白这个句话的意思,谁实践过希望能留言告知,如果能有例子就更好了


区分按键

js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法

 var x = event.keyCode;  //可获得该该按键的Keycode值

KeyCode点击查看

Enter 的KeyCode值

 Enter = 13

例子:

实现在窗口内当按下键盘的时候,触发一个SayHi的提示

document.onclick = function(ev){
               var ev = ev || event;  //兼容IE和FireFox Chrome 只要一个为真就可以执行
                 if(ev.keycode == 13)
                      alert("Hi");                  
  }

完整代码

    

    
    
    







你可能感兴趣的:(2018-03-26 JS 按回车键的时候执行的代码)