如何在 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中文網其他相關文章！