首頁 > web前端 > js教程 > 如何在 JavaScript 中偵測箭頭鍵按下?

如何在 JavaScript 中偵測箭頭鍵按下?

Linda Hamilton
發布: 2024-11-10 10:54:03
原創
513 人瀏覽過

How to Detect Arrow Key Presses in JavaScript?

在JavaScript 中偵測箭頭鍵按下

在JavaScript 中確定何時按下箭頭鍵可能具有挑戰性,因為由於預設捲動,瀏覽器對它們的解釋不同

使用onkeydown 事件監聽器

正如問題中提到的,onkeypress 事件不會捕獲箭頭鍵按下。相反,您需要使用 onkeydown 事件偵聽器。如下修改您的函數:

function checkKey(e) {
    var event = window.event ? window.event : e;
    if (event.type === "keydown") {
        console.log(event.keyCode);
    }
}
登入後複製

箭頭鍵的鍵碼

與箭頭鍵關聯的鍵碼是:

  • 向左:37
  • 上:38
  • 右:39
  • 下:40

透過在您的情況下使用這些鍵碼,您可以特別偵測按箭頭鍵:

function checkKey(e) {
    var event = window.event ? window.event : e;
    if (event.type === "keydown") {
        switch (event.keyCode) {
            case 37:
                // Left key pressed
                break;
            case 38:
                // Up key pressed
                break;
            case 39:
                // Right key pressed
                break;
            case 40:
                // Down key pressed
                break;
        }
    }
}
登入後複製

以上是如何在 JavaScript 中偵測箭頭鍵按下?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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