• 使用JS监听键盘按下事件(keydown event)


    下面是一个利用 onkeydown 事件js获取用户按下键盘按键信息的例子:

    代码如下:
    < html>
    < body>
    < script type="text/javascript">
     
    
    function noNumbers(e)
    {
        var keynum;
        var keychar;
    
        keynum = window.event ? e.keyCode : e.which;
        keychar = String.fromCharCode(keynum);
        alert(keynum+':'+keychar);
    }
    
    </script>
    < input type="text" onkeydown="return noNumbers(event)" />
    < /body>
    < /html>

    下面是jquery事件监听键盘按下的事件。

    1、监听全局键盘按下事件,例如监听全局回车事件

    $(document).keydown(function(event){
        if(event.keyCode == 13){
          alert('你按下了Enter'); 
        }
    });

     2、监听某个组件键盘按下事件,例如监听id为btn的button组件的回车按下事件

    $("#btn").keydown(function(event){
      if(event.keyCode == 13){
         alert('你按下了Enter'); 
      }
    });

     3、如果是要监听组合键,例如监听ctrl+c

    $(document).keyup(function(event){ 
      if (event.ctrlKey && event.keyCode === 67){ 
         alert('你按下了CTRL+C'); 
       } 
    }); 

     4、详细keyCode值列表

    道法自然
  • 相关阅读:
    LeetCode_Spiral Matrix II
    省选模拟10 题解
    省选模拟9 题解
    省选模拟8 题解
    省选模拟7 题解
    省选模拟6 题解
    省选模拟5 题解
    省选模拟4 题解
    数学专题测试3 题解
    数学专题测试2 题解
  • 原文地址:https://www.cnblogs.com/whqblog/p/8980108.html
Copyright © 2020-2023  润新知