js/jQery中的鍵盤監聽事件觸發回車鍵位登入觸發教程及demo
阿新 • • 發佈：2018-12-27
js/jQery中的鍵盤監聽事件觸發回車鍵位登入觸發教程及demo
在我們專案的過程中經常會遇到需要鍵盤
來控制的事件，比如：登入、搜尋等，廢話不多說上程式碼！！
我這裡主要是做了兩個的監聽，一個是回車的，一個是通用複製的，
可以在判斷中寫入方法體來控制
<script type="text/javascript"> $(this).keydown(function(event){ //監聽鍵盤按下時的事件 console.log(event.keyCode); //按下不同的按鍵，對應的event.keyCode也不同 if(event.keyCode==13){ alert("恭喜你按下了回車鍵") } if (event.ctrlKey && event.keyCode === 67){ alert('恭喜你按下了CTRL+C'); } }); </script>
分享下我的Demo html程式碼(隨意寫，不影響)
<body>
鍵盤監聽事件:<textarea >請隨意敲擊鍵盤</textarea> <br />
</body>
event：主要就是這個屬性來控制的鍵盤的點選
有興趣的也可以去網上搜一下它的特點，至於我也
就是運用簡單的操作。
而我在控制檯輸出的event.keyCode值，可以幫助你判斷
你鍵盤的值從而來幫助你對某個鍵位做控制。
console.log(event.keyCode);
ps：大家可別忘了引入js檔案，不然會出錯
好了，希望我的文章對你有幫助^ . ^