DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JavaScript onkeydown事件入門實例(鍵盤某個按鍵被按下)
JavaScript onkeydown事件入門實例(鍵盤某個按鍵被按下)
編輯:JavaScript基礎知識     

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事件與功能說明大全:

http://tools.jb51.net/table/javascript_event

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved