首頁 > web前端 > js教程 > JavaScript onkeydown事件入門實例(鍵盤某個按鍵被按下)

JavaScript onkeydown事件入門實例(鍵盤某個按鍵被按下)

PHPz
發布: 2018-09-30 14:49:38
轉載
2879 人瀏覽過

這篇文章主要介紹了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+&#39;:&#39;+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影片教學

相關標籤:
來源:jb51.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板