Wie erkennt man das Drücken von Pfeiltasten in JavaScript?

Pfeiltastendrücke in JavaScript erkennen

Bestimmen, wann Pfeiltasten in JavaScript gedrückt werden, kann eine Herausforderung sein, da Browser sie aufgrund des standardmäßigen Scrollens unterschiedlich interpretieren Verhalten.

Verwendung des onkeydown Event Listener

Wie in der Ausgabe erwähnt, erfasst das onkeypress-Ereignis keine Pfeiltastendrücke. Stattdessen müssen Sie den Ereignis-Listener onkeydown verwenden. Ändern Sie Ihre Funktion wie folgt:

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

Tastencodes für Pfeiltasten

Die den Pfeiltasten zugeordneten Tastencodes sind:

• Links : 37
• Nach oben: 38
• Rechts: 39
• Nach unten: 40

Durch die Verwendung dieser Schlüsselcodes können Sie innerhalb Ihres Zustands gezielt erkennen Pfeiltasten drücken:

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;
        }
    }
}

Das obige ist der detaillierte Inhalt vonWie erkennt man das Drücken von Pfeiltasten in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!