美文网首页我爱编程
2018-03-26 JS 按回车键的时候执行的代码

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

作者: 咯小屋 | 来源:发表于2018-03-26 16: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>
    

    相关文章

      网友评论

        本文标题:2018-03-26 JS 按回车键的时候执行的代码

        本文链接:https://www.haomeiwen.com/subject/bdyrcftx.html