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)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下

項目中要監(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é)合鼠標(biāo)或鍵盤使用，多用于制作一些快捷操作方式。

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

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

您可能感興趣的文章:

相關(guān)文章

微信小程序獲取用戶openid的實現(xiàn)
這篇文章主要介紹了微信小程序獲取用戶openid的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-12-12
利用Js+Css實現(xiàn)折紙動態(tài)導(dǎo)航效果實例源碼
這篇文章主要給大家介紹了利用Js+Css實現(xiàn)折紙動態(tài)導(dǎo)航的效果，實現(xiàn)后的效果非常不錯，文中給出了簡單的介紹和完整的實例代碼，對大家具有一定的參考價值，有需要的朋友們下面來一起看看吧。
2017-01-01
說明你的Javascript技術(shù)很爛的五個原因
Javascript在互聯(lián)網(wǎng)上名聲很臭，但你又很難再找到一個像它這樣如此動態(tài)、如此被廣泛使用、如此根植于我們的生活中的另外一種語言。
2011-04-04
javascript 容錯處理代碼(屏蔽js錯誤)
有時候大家來瀏覽網(wǎng)頁的時候發(fā)現(xiàn)IE瀏覽器左下角總有個黃色錯誤標(biāo)志，有時候更是直接彈出錯誤無法繼續(xù)瀏覽頁面，這樣對于網(wǎng)站的正規(guī)性與權(quán)威性發(fā)展不利。
2010-04-04
關(guān)于JavaScript的一些看法
最近在寫一個JS代碼壓縮工具的時候，感受到JS的強(qiáng)大，同時也讓我頭疼的一陣子（誰叫我是JS菜鳥）。
2009-05-05
js倒計時搶購實例
這篇文章主要介紹了js倒計時簡單實現(xiàn)方法，方便一些提示重要日期的來臨，本實例特別適合用于商品倒計時搶購活動，感興趣的小伙伴們可以參考一下
2015-12-12
js圖片延遲技術(shù)一般的思路與示例
現(xiàn)將img元素對應(yīng)的src路徑設(shè)置為背景圖片，而該img所對應(yīng)的url路徑存放在一個自設(shè)的屬性中
2014-03-03
How to Auto Include a Javascript File
How to Auto Include a Javascript File...
2007-02-02
JavaScript獲取并更改input標(biāo)簽name屬性的方法
這篇文章主要介紹了JavaScript獲取并更改input標(biāo)簽name屬性的方法,涉及javascript針對表單元素屬性的相關(guān)操作技巧,需要的朋友可以參考下
2015-07-07
js+css 實現(xiàn)遮罩居中彈出層(隨瀏覽器窗口滾動條滾動)
本文為大家詳細(xì)介紹下使用js實現(xiàn)遮罩彈出層居中，且隨瀏覽器窗口滾動條滾動，示例代碼如下，感興趣的朋友可以參考下
2013-12-12