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 中国語 Web サイトの他の関連記事を参照してください。