欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js和jquery實(shí)現(xiàn)監(jiān)聽(tīng)鍵盤(pán)事件示例代碼

 更新時(shí)間：2020年06月24日 10:02:16   作者：奮飛  
這篇文章主要為大家介紹了js實(shí)現(xiàn)監(jiān)聽(tīng)鍵盤(pán)事件示例代碼，監(jiān)聽(tīng)鍵盤(pán)組合鍵CTRL+C，以便做出對(duì)應(yīng)的響應(yīng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

項(xiàng)目中要監(jiān)聽(tīng)鍵盤(pán)組合鍵CTRL+C，以便做出對(duì)應(yīng)的響應(yīng)。查了一些方法但是其兼容性和穩(wěn)定性不是很高，最終得到如下方法，經(jīng)測(cè)試在Firfox、Chrome、IE中均可以使用。

一、使用javascript實(shí)現(xiàn)

<!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實(shí)現(xiàn)

<!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">復(fù)制復(fù)制</textarea> <br /> 
 </body> 
 
</html>

三、說(shuō)明

event.ctrlKey
功能：檢測(cè)事件發(fā)生時(shí)Ctrl鍵是否被按住了。
語(yǔ)法：event.ctrlKey
取值：true | false  1|0
說(shuō)明：
ctrlKey屬性為true表示事件發(fā)生時(shí)Ctrl鍵被按下并保持，為false則Ctrl鍵沒(méi)有按下。
ctrlKey屬性可結(jié)合鼠標(biāo)或鍵盤(pán)使用，多用于制作一些快捷操作方式。

四、詳細(xì)keyCode值列表

以上就是js和jquery實(shí)現(xiàn)監(jiān)聽(tīng)鍵盤(pán)事件示例代碼，希望對(duì)大家的學(xué)習(xí)有所幫助。

相關(guān)文章

最新評(píng)論