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

  • 相关阅读:
    Android移动view动画问题
    GIT常用操作
    linux下mysql安装
    jdk安装
    linux下Tomcat安装
    猜测性能瓶颈
    MySQL没有远程连接权限设置
    linux下jmeter使用帮助
    BI的核心价值[转]
    BI与大数据
  • 原文地址:https://www.cnblogs.com/dehuachenyunfei/p/6830508.html
Copyright © 2011-2022 走看看