zoukankan      html  css  js  c++  java
  • 使用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值列表

    道法自然
  • 相关阅读:
    ubuntu安装
    k8s 安装
    Blazor 路由
    ISO 8601
    Centos 8使用devstack快速安装openstack最新版
    使用devstack 一键安装 openstack详细过程和遇到的坑
    蓝瑟66000公里保养
    释放rsyslog占用的Linux内存
    Netty4.1 Http开发入门(一)服务端
    网络传输中的帧和payload
  • 原文地址:https://www.cnblogs.com/whqblog/p/8980108.html
Copyright © 2011-2022 走看看