JavaScript onkeydown事件入門實例(鍵盤某個按鍵被按下)
JavaScript onkeydown 事件
用戶按下一個鍵盤按鍵時會觸發(fā) 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），則加以提示大寫鎖定；在有翻頁的時候，如果用戶按下左右箭頭，觸發(fā)上下翻頁等。
獲得 Unicode 編碼值之后，如果需要得到實際對應的按鍵值，可以通過 Srting 對象的 fromCharCode 方法（String.fromCharCode()）獲得。注意，對于字符獲得的始終是大寫字符，而對于其他一些功能按鍵，得到的字符可能不太易閱讀。
PS：這里再為大家推薦一款關于JS事件的在線查詢工具，歸納總結了JS常用的事件類型與函數功能：
javascript事件與功能說明大全：
相關文章
這篇文章主要介紹了JS實現的一個隨機點名功能,邏輯簡單,用在班級或活動時是個不錯的選擇,需要的朋友可以參考下2014-08-08
javascript cookie基礎應用之記錄用戶名的方法
這篇文章主要介紹了javascript cookie基礎應用之記錄用戶名的方法,涉及javascript基于cookie針對數據存儲的簡單應用,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了再探JavaScript作用域,本文用簡潔的語言和直觀的測試結果圖片給大家講解JavaScript的作用域,需要的朋友可以參考下2014-09-09
arguments對象...2006-11-11
關于對象化編程的語句 現在我們有實力學習以下關于對象化編程，但其實屬于上一章的內容了。2009-01-01
document.open() 與 document.write()
document.open() 與 document.write()...2006-10-10
JavaScript中有5種簡單數據類型（也稱為基本數據類型）：Undefined、Null、Boolean、Number和String。還有1種復雜數據類型——Object，Object本質上是由一組無序的名值對組成的2012-08-08
首先，不得不說，我無法達到拋開類和對象的概念來看Javascript的境界，對于Javascript是否是面向對象的說法有很多，不過我最認同的還是Javascript是一種“基于prototype的面向對象語言”。2010-01-01
文件上傳之前的檢測，通常是通過文件名來判斷文件類型是否合法，但是要想檢測文件的大小很難辦到，除非在本地或者使用控件。使用JS可以輕松解決詞問題,本文詳細介紹，需要了解的朋友可以參考下2012-12-12
簡言之，this是JavaScript語言中定義的眾多關鍵字之一，它的特殊在于它自動定義于每一個函數域內，但是this倒地指引啥東西卻讓很多人張二摸不著頭腦。希望看完這篇文章了你能回答出來this到底指引個甚。2016-01-01