Keycode-Tester (Tastencodes)
Drücke eine beliebige Taste: Du siehst sofort event.key,
event.code, den veralteten keyCode und die aktiven Modifikatortasten.
Verlauf der letzten Tasten (die neueste links):
key, code und keyCode: Was solltest du verwenden?
Modernes JavaScript bietet dir zwei Eigenschaften: event.key ist das Zeichen oder
der logische Name, den die Taste erzeugt (zum Beispiel „a“, „A“ mit Umschalttaste, „Enter“), während
event.code die physische Position auf der Tastatur angibt (zum Beispiel
„KeyA“, „Digit1“) und auf jedem Layout gleich bleibt, ob QWERTZ, QWERTY, AZERTY oder Dvorak. Nimm
key für das, was getippt wird, und code für
positionsabhängige Tastenkürzel, etwa die WASD-Tasten in Spielen.
Warum ist keyCode veraltet, aber trotzdem nützlich?
Der numerische keyCode ist laut Standard offiziell veraltet, aber viel
alter Code, Plugins und ältere Bibliotheken prüfen ihn noch (die klassische 13 für Enter oder 27 für
Esc). Wenn du bestehenden Code debuggst oder pflegst, musst du wissen, welche Zahl eine Taste
liefert. Deshalb zeigt dieses Tool sie direkt neben den modernen Werten an, damit du
numerische Vergleiche sicher umstellen kannst auf key und code.