js和jquery實(shí)現(xiàn)監(jiān)聽(tīng)鍵盤(pán)事件示例代碼
項(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í)有所幫助。
- 在JavaScript中監(jiān)聽(tīng)I(yíng)ME鍵盤(pán)輸入事件
- js監(jiān)聽(tīng)鍵盤(pán)事件示例代碼
- js監(jiān)聽(tīng)鼠標(biāo)點(diǎn)擊和鍵盤(pán)點(diǎn)擊事件并自動(dòng)跳轉(zhuǎn)頁(yè)面
- js監(jiān)聽(tīng)鍵盤(pán)事件的方法_原生和jquery的區(qū)別詳解
- 使用JS監(jiān)聽(tīng)鍵盤(pán)按下事件(keydown event)
- JavaScript監(jiān)聽(tīng)鍵盤(pán)事件代碼實(shí)現(xiàn)
- JavaScript事件監(jiān)聽(tīng)之鍵盤(pán)事件詳細(xì)介紹
相關(guān)文章
擁有一個(gè)屬于自己的javascript表單驗(yàn)證插件
這篇文章主要幫助大家擁有一個(gè)屬于自己的javascript表單驗(yàn)證插件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-03-03微信小程序?qū)崿F(xiàn)購(gòu)物車選擇規(guī)格顏色效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)購(gòu)物車選擇規(guī)格顏色選中效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-01-01JS正則表達(dá)式替換字符串replace()方法實(shí)例代碼
正則表達(dá)式是用于匹配字符串中字符組合的模式,在js中正則表達(dá)式是對(duì)象,這篇文章主要給大家介紹了關(guān)于JS正則表達(dá)式替換字符串replace()方法的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-07-07js實(shí)現(xiàn)同一個(gè)頁(yè)面,多個(gè)enter事件綁定的示例
今天小編就為大家分享一篇js實(shí)現(xiàn)同一個(gè)頁(yè)面,多個(gè)enter事件綁定的示例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-10-10實(shí)時(shí)編輯網(wǎng)頁(yè)網(wǎng)頁(yè)文字實(shí)時(shí)編輯,如同TEXTBOX一般
實(shí)時(shí)編輯網(wǎng)頁(yè)網(wǎng)頁(yè)文字實(shí)時(shí)編輯,如同TEXTBOX一般...2007-03-03js發(fā)送短信倒計(jì)時(shí)的簡(jiǎn)單實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇js發(fā)送短信倒計(jì)時(shí)的簡(jiǎn)單實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09