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

js和jquery實現(xiàn)監(jiān)聽鍵盤事件示例代碼

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

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

一、使用javascript實現(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實現(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> 

三、說明

event.ctrlKey
功能:檢測事件發(fā)生時Ctrl鍵是否被按住了。
語法:event.ctrlKey
取值:true | false  1|0
說明:
ctrlKey屬性為true表示事件發(fā)生時Ctrl鍵被按下并保持,為false則Ctrl鍵沒有按下。
ctrlKey屬性可結(jié)合鼠標或鍵盤使用,多用于制作一些快捷操作方式。

四、詳細keyCode值列表

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

相關(guān)文章

最新評論