• js和jquery实现监听键盘事件


    一、使用javascript实现

    <!DOCTYPE html> 
    <html> 
      <head> 
        <meta charset="utf-8"> 
        <title></title> 
        <script> 
          function keyListener(event){ 
            if (event.ctrlKey && event.keyCode === 86){ 
              alert('你按下了CTRL+V'); 
            } 
          } 
        </script> 
      </head> 
      
      <body> 
        Ctrl+V:<textarea onkeydown="keyListener(event);">粘贴粘贴</textarea> 
      </body> 
      
    </html>

    二、使用jquery实现

    <!DOCTYPE html> 
    <html> 
      <head> 
        <meta charset="utf-8"> 
        <title></title> 
        <script src="http://tztest4.ptmind.cn/js/jquery-1.8.0.min.js?v=3/11"></script> 
        <script> 
          $(function(){ 
            $("#aaa").keyup(function(event){ 
              if (event.ctrlKey && event.keyCode === 67){ 
                alert('你按下了CTRL+C'); 
              } 
            }); 
              
          }); 
          /* 
           * $('input').keyup(function(){...}); 
           * $('input').bind('keyup', function(){...}); 
           * $('input').live('keyup', function(){...}); 
           */ 
        </script> 
      </head> 
      
      <body> 
        Ctrl+C:<textarea id="aaa">复制复制</textarea> <br /> 
      </body> 
      
    </html>

    三、说明
    event.ctrlKey 
    功能:检测事件发生时Ctrl键是否被按住了。
    语法:event.ctrlKey
    取值:true | false  1|0
    说明:
    ctrlKey属性为true表示事件发生时Ctrl键被按下并保持,为false则Ctrl键没有按下。 
    ctrlKey属性可结合鼠标或键盘使用,多用于制作一些快捷操作方式。 
    四、详细keyCode值列表

  • 相关阅读:
    Java栈、堆、方法区
    Java冒泡算法
    JDK8 API下载
    java 对两个整数变量的值进行互换。三种方法
    Java中double相减精度的问题,和解决方法
    window.onload问题
    ES6中class详解
    YOLO V2
    YOLO V1
    ORB-SLAM2源码解析
  • 原文地址:https://www.cnblogs.com/dehuachenyunfei/p/6830508.html
Copyright © 2020-2023  润新知