js和jquery實(shí)現(xiàn)監(jiān)聽鍵盤事件示例代碼
更新時(shí)間：2020年06月24日 10:02:16 作者：奮飛
這篇文章主要為大家介紹了js實(shí)現(xiàn)監(jiān)聽鍵盤事件示例代碼，監(jiān)聽鍵盤組合鍵CTRL+C，以便做出對(duì)應(yīng)的響應(yīng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
項(xiàng)目中要監(jiā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鍵沒有按下。
ctrlKey屬性可結(jié)合鼠標(biāo)或鍵盤使用，多用于制作一些快捷操作方式。
四、詳細(xì)keyCode值列表
以上就是js和jquery實(shí)現(xiàn)監(jiān)聽鍵盤事件示例代碼，希望對(duì)大家的學(xué)習(xí)有所幫助。
相關(guān)文章
這篇文章主要介紹了微信小程序獲取用戶openid的實(shí)現(xiàn)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
利用Js+Css實(shí)現(xiàn)折紙動(dòng)態(tài)導(dǎo)航效果實(shí)例源碼
這篇文章主要給大家介紹了利用Js+Css實(shí)現(xiàn)折紙動(dòng)態(tài)導(dǎo)航的效果，實(shí)現(xiàn)后的效果非常不錯(cuò)，文中給出了簡(jiǎn)單的介紹和完整的實(shí)例代碼，對(duì)大家具有一定的參考價(jià)值，有需要的朋友們下面來(lái)一起看看吧。2017-01-01
說(shuō)明你的Javascript技術(shù)很爛的五個(gè)原因
Javascript在互聯(lián)網(wǎng)上名聲很臭，但你又很難再找到一個(gè)像它這樣如此動(dòng)態(tài)、如此被廣泛使用、如此根植于我們的生活中的另外一種語(yǔ)言。2011-04-04
javascript 容錯(cuò)處理代碼(屏蔽js錯(cuò)誤)
有時(shí)候大家來(lái)瀏覽網(wǎng)頁(yè)的時(shí)候發(fā)現(xiàn)IE瀏覽器左下角總有個(gè)黃色錯(cuò)誤標(biāo)志，有時(shí)候更是直接彈出錯(cuò)誤無(wú)法繼續(xù)瀏覽頁(yè)面，這樣對(duì)于網(wǎng)站的正規(guī)性與權(quán)威性發(fā)展不利。2010-04-04
最近在寫一個(gè)JS代碼壓縮工具的時(shí)候，感受到JS的強(qiáng)大，同時(shí)也讓我頭疼的一陣子（誰(shuí)叫我是JS菜鳥）。2009-05-05
這篇文章主要介紹了js倒計(jì)時(shí)簡(jiǎn)單實(shí)現(xiàn)方法，方便一些提示重要日期的來(lái)臨，本實(shí)例特別適合用于商品倒計(jì)時(shí)搶購(gòu)活動(dòng)，感興趣的小伙伴們可以參考一下2015-12-12
現(xiàn)將img元素對(duì)應(yīng)的src路徑設(shè)置為背景圖片，而該img所對(duì)應(yīng)的url路徑存放在一個(gè)自設(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針對(duì)表單元素屬性的相關(guān)操作技巧,需要的朋友可以參考下2015-07-07
js+css 實(shí)現(xiàn)遮罩居中彈出層(隨瀏覽器窗口滾動(dòng)條滾動(dòng))
本文為大家詳細(xì)介紹下使用js實(shí)現(xiàn)遮罩彈出層居中，且隨瀏覽器窗口滾動(dòng)條滾動(dòng)，示例代碼如下，感興趣的朋友可以參考下2013-12-12