javascript的鍵盤事件有哪些

這篇文章主要介紹“javascript的鍵盤事件有哪些”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“javascript的鍵盤事件有哪些”文章能幫助大家解決問題。

javascript有3種鍵盤事件：1、keydown事件，在鍵盤上按下某個鍵時觸發；2、keypress事件，按下某個鍵盤鍵并釋放時觸發；3、keyup事件，釋放某個鍵盤鍵時觸發。

本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

在 JavaScript 中，當用戶操作鍵盤時，會觸發鍵盤事件。

鍵盤事件主要包括下面 3 種類型：

• keydown：在鍵盤上按下某個鍵時觸發。如果按住某個鍵，會不斷觸發該事件，但是 Opera 瀏覽器不支持這種連續操作。該事件處理函數返回 false 時，會取消默認的動作（如輸入的鍵盤字符，在 IE 和 Safari 瀏覽器下還會禁止keypress 事件響應）。

• keypress：按下某個鍵盤鍵并釋放時觸發。如果按住某個鍵，會不斷觸發該事件。該事件處理函數返回 false 時，會取消默認的動作（如輸入的鍵盤字符）。

• keyup：釋放某個鍵盤鍵時觸發。該事件僅在松開鍵盤時觸發一次，不是一個持續的響應狀態。

當獲取用戶正按下鍵碼時，可以使用 keydown、keypress 和 keyup 事件獲取這些信息。其中 keydown 和 keypress 事件基本上是同義事件，它們的表現也完全一致，不過一些瀏覽器不允許使用 keypress 事件獲取按鍵信息。所有元素都支持鍵盤事件，但鍵盤事件多被應用在表單輸入中。

示例

下面示例實時捕獲鍵盤操作的各種細節，即鍵盤響應事件類型及對應的鍵值。

<textarea id="key"></textarea>
<script>
    var key = document.getElementById("key");
    key.onkeydown =f;  //注冊keydown事件處理函數
    key.onkeyup = f;  //注冊keyup事件處理函數
    key.onkeypress = f;  //注冊keypress事件處理函數
    function f (e) {
        var e = e || window.event;  //標準化事件處理
        var s = e.type + " " + e.keyCode;  //獲取鍵盤事件類型和按下的值
        key.value = s;
    }
</script>

鍵盤事件屬性

鍵盤定義了很多屬性，如下表所示。利用這些屬性可以精確控制鍵盤操作。鍵盤事件屬性一般只在鍵盤相關事件發生時才會存在于事件對象中，但是 ctrlKey 和 shiftKey 屬性除外，因為它們可以在水保事件中存在。例如，當按下 Ctrl 或Shift 鍵時單擊鼠標操作。

關于“javascript的鍵盤事件有哪些”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。