Heim > Web-Frontend > js-Tutorial > Hauptteil

Warum werden Pfeiltastenanschläge in meiner JavaScript-Funktion „checkKey' nicht erkannt?

Mary-Kate Olsen
Freigeben: 2024-11-24 14:04:14
Original
654 Leute haben es durchsucht

Why are Arrow Keystrokes Not Detected in My JavaScript `checkKey` Function?

Tastenerkennung und Pfeiltastenerkennung in JavaScript

Das Erkennen von Tastatureingaben ist für viele JavaScript-Anwendungen unerlässlich. Während das Erkennen von Tastenanschlägen im Allgemeinen einfach ist, stellt der Umgang mit Pfeiltasten aufgrund ihres nativen Scrollverhaltens in den meisten Browsern eine besondere Herausforderung dar. Diese Frage untersucht ein Problem, das bei der Verwendung der checkKey-Funktion auftritt, die erfolgreich Tastendrücke erfasst, Pfeiltastenanschläge jedoch nicht erkennt.

Die Antwort auf dieses Problem liegt in den spezifischen Ereignistypen, die mit Pfeiltasten verknüpft sind. Im Gegensatz zu normalen Tasten lösen Pfeiltasten nur das Ereignis „onkeydown“ aus. Um die Pfeiltasteneingabe zu erfassen, muss daher die checkKey-Funktion entsprechend geändert werden:

function checkKey(e) {
    var event = window.event ? window.event : e;
    if (event.type === "keydown")  // Check for keydown event
        console.log(event.keyCode)
}
Nach dem Login kopieren

Zusätzlich liefert die Antwort die entsprechenden Tastencodes für die Pfeiltasten:

  • links = 37
  • oben = 38
  • rechts = 39
  • unten = 40

Mithilfe dieser Tastencodes können Entwickler problemlos Funktionen implementieren, die auf Pfeiltastendrücke reagieren.

Das obige ist der detaillierte Inhalt vonWarum werden Pfeiltastenanschläge in meiner JavaScript-Funktion „checkKey' nicht erkannt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage