JavaScript Keycode anzeigen

key, code und keyCode richtig verwenden

Diese Seite zeigt den JavaScript Keycode jeder Taste, die Sie drücken, zusammen mit allen Eigenschaften des keydown-Ereignisses: event.key (welches Zeichen oder welche Funktion), event.code (welche physische Taste), den veralteten keyCode, die Position links, rechts oder Ziffernblock und den Zustand der Modifier-Tasten Strg, Alt, Umschalt und Meta. Unten erhalten Sie eine Code-Vorlage für einen Tastaturkürzel-Handler, die Sie direkt übernehmen können.

Welche Eigenschaft passt? Für Kürzel, die an ein Zeichen gebunden sind (Strg+S, ?), nehmen Sie event.key. Für Spiele und Steuerungen, bei denen die Lage der Taste zählt (WASD), nehmen Sie event.code: Er bleibt auf deutscher, französischer und US-Tastatur gleich. Ein Beispiel für den Unterschied: Die Taste mit dem Z auf deutschen Tastaturen liefert key "z", aber code "KeyY", weil code sich am US-Layout orientiert. Der keyCode ist als veraltet markiert, liefert je nach Browser und Layout abweichende Werte und gehört nicht in neuen Code; für alten Code hilft die Tabelle als Tastencode-Übersicht.

Grenzen: Manche Tastenkombinationen fängt das Betriebssystem oder der Browser ab, bevor die Seite sie sieht, etwa Strg+W, Strg+T oder die Windows-Taste mit L. AltGr meldet unter Windows zusätzlich Strg und Alt. Auf Smartphones senden virtuelle Tastaturen oft nur „Unidentified“ mit keyCode 229; dort ist das input-Ereignis zuverlässiger, das Feld „Auf Smartphone hier tippen“ zeigt es an.