Keycode Info

Keycode Info verwenden

1. Klicke auf das Eingabefeld, um es zu fokussieren.
2. Drücke eine beliebige Taste auf deiner Tastatur. Die Tabelle unten aktualisiert sich sofort mit den KeyboardEvent-Eigenschaften dieser Taste.
3. Lese die Eigenschaften ab, einschließlich key, code, keyCode, location und aktiver Modifikatortasten (Ctrl, Alt, Shift, Meta).

Was dieses Tool macht

Keycode Info fügt einem fokussierten Eingabefeld einen keydown-Listener hinzu und erfasst beim Drücken einer Taste die vollständigen KeyboardEvent-Daten. Angezeigt werden key (der logische Wert), code (die physische Tastenposition), die veralteten Werte keyCode und which, location (unterscheidet Standard-, links-, rechts- und Numpad-Tasten) sowie alle vier Modifikator-Flags. Es werden keine Daten an einen Server gesendet - alles läuft im Browser.

Wann du es brauchst

• Tastaturkürzel schreiben. Überprüfe genau, was event.key und event.code für deine Zielkombination melden, bevor du einen Handler einbaust - besonders für Tasten wie /, ? oder Tottasten, die je nach Layout variieren.
• Von keyCode migrieren. Ältere Codebasen verzweigen auf numerische keyCode-Werte. Drücke die Taste, lese das moderne Äquivalent ab und ersetze die Magic Number durch event.key oder event.code.
• Internationale Layouts debuggen. Bei AZERTY oder QWERTZ erzeugt die physische KeyA-Position ein anderes Zeichen. Der Vergleich von key und code macht die Layout-Abhängigkeit sofort sichtbar.
• Spielsteuerung. Spiele sollten event.code verwenden, damit WASD auf jedem Layout an derselben physischen Position bleibt; überprüfe deine Annahmen hier zuerst.

Besonderheiten zu beachten

Manche Tastendrücke erreichen die Seite nie: Browser reservieren Kombinationen wie Ctrl+W und Ctrl+T, und Betriebssysteme schlucken andere (PrintScreen löst oft überhaupt kein keydown aus). Medientasten und Fn sind plattformübergreifend inkonsistent. Reine Modifikatortasten melden den Modifikator als Taste selbst (key: "Shift", location: 1 oder 2). Und in älteren Safari-Versionen melden manche Sondertasten noch immer nicht standardkonforme Werte - genau die Art von Unterschied, die dieser Inspektor sofort sichtbar macht.