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

2018-03-26 本文已影响0人咯小屋

解决步骤

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");                  
  }

完整代码

    <html>

    <head>
    <meta charset="UTF-8">
    <script>
        var run = function(ev){
            var ev = ev || event;   //为了兼容
            if(ev.keyCode == 13){

                alert('Hi');
            }
        }
        var KeyEvent = function(){
            document.onkeyup = run;
        }       

    window.onload = KeyEvent ;

    
</script>
</head>

<body>
</body>


</html>