js和jquery實現(xiàn)監(jiān)聽鍵盤事件示例代碼
項目中要監(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)文章
微信小程序?qū)崿F(xiàn)購物車選擇規(guī)格顏色效果
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)購物車選擇規(guī)格顏色選中效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-01-01js實現(xiàn)同一個頁面,多個enter事件綁定的示例
今天小編就為大家分享一篇js實現(xiàn)同一個頁面,多個enter事件綁定的示例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10實時編輯網(wǎng)頁網(wǎng)頁文字實時編輯,如同TEXTBOX一般
實時編輯網(wǎng)頁網(wǎng)頁文字實時編輯,如同TEXTBOX一般...2007-03-03