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é)習有所幫助。
相關(guā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在互聯(lián)網(wǎng)上名聲很臭，但你又很難再找到一個像它這樣如此動態(tài)、如此被廣泛使用、如此根植于我們的生活中的另外一種語言。2011-04-04
有時候大家來瀏覽網(wǎng)頁的時候發(fā)現(xiàn)IE瀏覽器左下角總有個黃色錯誤標志，有時候更是直接彈出錯誤無法繼續(xù)瀏覽頁面，這樣對于網(wǎng)站的正規(guī)性與權(quán)威性發(fā)展不利。2010-04-04
最近在寫一個JS代碼壓縮工具的時候，感受到JS的強大，同時也讓我頭疼的一陣子（誰叫我是JS菜鳥）。2009-05-05
這篇文章主要介紹了js倒計時簡單實現(xiàn)方法，方便一些提示重要日期的來臨，本實例特別適合用于商品倒計時搶購活動，感興趣的小伙伴們可以參考一下2015-12-12
現(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標簽name屬性的方法
這篇文章主要介紹了JavaScript獲取并更改input標簽name屬性的方法,涉及javascript針對表單元素屬性的相關(guān)操作技巧,需要的朋友可以參考下2015-07-07
js+css 實現(xiàn)遮罩居中彈出層(隨瀏覽器窗口滾動條滾動)
本文為大家詳細介紹下使用js實現(xiàn)遮罩彈出層居中，且隨瀏覽器窗口滾動條滾動，示例代碼如下，感興趣的朋友可以參考下2013-12-12