JavaScript で矢印キーの押下を検出するにはどうすればよいですか?-jsチュートリアル-php.cn

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