js監聽鍵盤事件程式碼例項例項
本章節分享一段程式碼例項,它實現了鍵盤按鍵事件的功能。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script> function keyListener(event) { if (event.ctrlKey && event.keyCode === 86) { alert('按下CTRL+V'); } } window.onload = function () { var otxt = document.getElementById("txt"); otxt.onkeydown = keyListener; } </script> </head> <body> <textarea id="txt">螞蟻部落歡迎您</textarea> </body> </html>
上面的程式碼實現了當同時按下ctrl和v鍵的時候彈出提示框功能。
關於按鍵碼可以參閱js的鍵盤按鍵keyCode屬性值對應表一章節。
ctrlKey可以參閱javascript event.ctrlKey屬性一章節。
相關文章
- javascript鍵盤事件程式碼例項JavaScript事件
- js捕獲鍵盤按鍵程式碼例項JS
- js獲取鍵盤按鍵值程式碼例項JS
- 使用 vue 例項更好的監聽事件Vue事件
- 基於laravel的事件監聽例項Laravel事件
- js阻止事件冒泡例項程式碼JS事件
- javascript遮蔽指定鍵盤例項程式碼JavaScript
- jQuery實現的監聽回車按鍵程式碼例項jQuery
- js如何禁用tab鍵例項程式碼JS
- js實現的使用鍵盤操作div位置程式碼例項JS
- js獲取事件源物件程式碼例項JS事件物件
- 滑鼠中鍵滾動mousewheel事件例項程式碼事件
- jQuery事件冒泡程式碼例項jQuery事件
- oracle例項和監聽器Oracle
- js刮刮樂程式碼例項JS
- toJSON()程式碼例項JSON
- js獲取事件的型別程式碼例項JS事件型別
- jquery監聽文字框內容變化程式碼例項jQuery
- 監聽鍵盤事件事件
- 搜尋框關鍵字智慧匹配例項程式碼例項
- JavaScript 阻止事件冒泡程式碼例項JavaScript事件
- jQuery阻止事件冒泡程式碼例項jQuery事件
- css取消滑鼠事件程式碼例項CSS事件
- 阻止jquery事件冒泡程式碼例項jQuery事件
- javascript事件委託程式碼例項JavaScript事件
- jQuery阻止事件冒泡例項程式碼jQuery事件
- oracle監聽不到例項服務Oracle
- ASM例項配置監聽和TNSASM
- oracle 多個例項監聽不到Oracle
- canal同步mysql,監聽單例項,多例項配置MySql單例
- js使用XMLHttpRequest例項程式碼JSXMLHTTP
- js confirm()程式碼例項JS
- 禁用滑鼠右鍵例項程式碼
- JavaScript禁用tab鍵程式碼例項JavaScript
- js選項卡簡單程式碼例項JS
- 原生js tab選項卡程式碼例項JS
- 實時監聽文字框內容變化程式碼例項
- 鍵盤監聽事件--向左事件