JavaScript onkeydown事件入门实例(键盘某个按键被按下)
JavaScript onkeydown 事件
用戶按下一個鍵盤按鍵時會觸發(fā) onkeydown 事件。與onkeypress事件不同的是,onkeydown 事件是響應(yīng)任意鍵按下的處理(包括功能鍵),onkeypress 事件只響應(yīng)字符鍵按下后的處理。
提示
Internet Explorer/Chrome 瀏覽器使用 event.keyCode 取回被按下的字符,而 Netscape/Firefox/Opera 等瀏覽器使用 event.which。
onkeydown 獲取用戶按下的鍵
下面是一個利用 onkeydown 事件獲取用戶按下鍵盤按鍵信息的例子:
復(fù)制代碼代碼如下:
<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 得到的是一個按鍵對應(yīng)的數(shù)字值(Unicode 編碼),常用鍵值對應(yīng)如下:
| 數(shù)字值 | 實(shí)際鍵值 |
|---|---|
| 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 應(yīng)用中,常常可以看到利用 onkeydown 事件的 event.keyCode/event.which 來獲取用戶的一些鍵盤操作,從而運(yùn)行某些運(yùn)用的例子。如在用戶登錄時,如果按下了大寫鎖定鍵(20),則加以提示大寫鎖定;在有翻頁的時候,如果用戶按下左右箭頭,觸發(fā)上下翻頁等。
獲得 Unicode 編碼值之后,如果需要得到實(shí)際對應(yīng)的按鍵值,可以通過 Srting 對象的 fromCharCode 方法(String.fromCharCode())獲得。注意,對于字符獲得的始終是大寫字符,而對于其他一些功能按鍵,得到的字符可能不太易閱讀。
PS:這里再為大家推薦一款關(guān)于JS事件的在線查詢工具,歸納總結(jié)了JS常用的事件類型與函數(shù)功能:
javascript事件與功能說明大全:
http://tools.jb51.net/table/javascript_event
總結(jié)
以上是生活随笔為你收集整理的JavaScript onkeydown事件入门实例(键盘某个按键被按下)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: java pdf stamper_PDF
- 下一篇: 5.linux帐号管理与权限设定