JavaScript onkeydown事件入門實例(鍵盤某個按鍵被按下)
- PHPz轉載
- 2016-05-16 16:33:492887瀏覽
這篇文章主要介紹了JavaScript onkeydown事件入門實例，onkeydown事件捕捉鍵盤上某個按鍵被按下的情況，需要的朋友可以參考下。
JavaScript onkeydown 事件
使用者按下一個鍵盤按鍵時會觸發 onkeydown 事件。與 onkeypress 事件不同的是，onkeydown 事件是回應任意按鍵按下的處理（包括功能鍵），onkeypress 事件只回應字元鍵按下後的處理。
提示
Internet Explorer/Chrome 瀏覽器使用event.keyCode 取回被按下的字符，而Netscape/Firefox/Opera 等瀏覽器則使用event.which 。
onkeydown 取得使用者按下的按鍵
以下是利用onkeydown 事件取得使用者按下鍵盤按鍵資訊的範例：
<html>
<body>
<script type="text/javascript">
function noNumbers(e)
{
var keynum;
var keychar;
keynum = window.event ? e.keyCode : e.which;
keychar = String.fromCharCode(keynum);
alert(keynum+':'+keychar);
}
</script>
<input type="text" onkeydown="return noNumbers(event)" />
</body>
</html>如上面例子所示，event.keyCode/event.which 得到的是一個按鍵對應的數字值（Unicode 編碼），常用鍵值對應如下：
| 数字值 | 实际键值 |
|---|---|
| 48到57 | 0到9 |
| 65到90 | a到z（A到Z） |
| 112到135 | F1到F24 |
| 8 | BackSpace（退格） |
| 9 | Tab |
| 13 | Enter（回车） |
| 20 | Caps_Lock（大写锁定） |
| 32 | Space（空格键） |
| 37 | Left（左箭头） |
| 38 | Up（上箭头） |
| 39 | Right（右箭头） |
| 40 | Down（下箭头） |
在Web 應用中，常常可以看到利用onkeydown 事件的event.keyCode/event.which 來取得使用者的一些鍵盤操作，從而執行某些運用的範例。如在使用者登入時，如果按下了大寫鎖定鍵（20），則加以提示大寫鎖定；在有翻頁的時候，如果使用者按下左右箭頭，觸發上下翻頁等。
取得 Unicode 編碼值之後，如果需要取得實際對應的鍵值，可以透過 Srting 物件的 fromCharCode 方法（String.fromCharCode()）來取得。注意，對於字符獲得的始終是大寫字符，而對於其他一些功能按鍵，得到的字符可能不太易閱讀。
PS：這裡再為大家推薦一款關於JS事件的線上查詢工具，歸納總結了JS常用的事件類型與函數功能
以上就是本章的全部內容，更多相關教學請造訪JavaScript影片教學！