Keycode-Tester

Drücken Sie eine beliebige Taste und sehen Sie genau, was der Browser in seinem Tastaturereignis meldet: den key-Wert, den physischen code, den veralteten keyCode, die location, gehaltene Modifikatortasten, Feststelltasten und das repeat-Flag. Nützlich für die Webentwicklung, für Tastenbelegungen und um eine unbekannte Taste zu identifizieren.

Drücken Sie eine beliebige Taste. Starten Sie die vollständige Erfassung, um auch Tab, Leertaste, F-Tasten und Tastenkürzel zu prüfen (zweimal Esc oder „Erfassung beenden“ zum Verlassen).

—
event.key
—
event.code
—
event.keyCode
—
event.location
—
Modifikatortasten
—
Aktive Feststelltasten
—
event.repeat
—

event.keyCode und event.which sind veraltet, werden aber von Browsern weiterhin gemeldet; verwenden Sie event.code für physische Tasten und event.key für das erzeugte Zeichen.

Ereignisprotokoll (letzte 80)
typekeycodekeyCodelocationrepeatModifikatortasten

So nutzen Sie den Keycode-Tester

  1. Drücken Sie eine beliebige Taste. Das große Feld zeigt den key-Wert, die Felder daneben zeigen event.key, event.code, event.keyCode, event.location, gehaltene Modifikatortasten, aktive Feststelltasten und event.repeat.
  2. Klicken Sie auf Vollständige Erfassung starten, um auch Tasten zu prüfen, die der Browser normalerweise selbst nutzt, etwa Tab, Leertaste, F-Tasten und viele Tastenkürzel. Zum Beenden zweimal schnell Esc drücken oder auf „Erfassung beenden“ klicken.
  3. Öffnen Sie das Ereignisprotokoll, um die letzten 80 keydown- und keyup-Ereignisse der Reihe nach zu sehen, zum Beispiel um eine Tastenkombination zu prüfen.
  4. Mit Letztes Ereignis kopieren (JSON) fügen Sie die Werte in einen Fehlerbericht oder Code ein. „Protokoll leeren“ leert die Liste.

Was die einzelnen Werte bedeuten

  • key: das erzeugte Zeichen oder der Tastenname, nach Layout und Modifikatortasten. Umschalt+2 ergibt auf einem US-Layout "@" und auf einem britischen Layout '"'.
  • code: die physische Taste, benannt nach ihrer Position auf einer US-QWERTY-Tastatur. Auf einer deutschen QWERTZ-Tastatur meldet die mit Z beschriftete Taste daher KeyY. Nutzen Sie den Wert für Spielsteuerungen und Tastenkürzel, die an die Position gebunden sind.
  • keyCode (und which im JSON): veraltete Zahlen, die aber weiterhin gemeldet werden. Sie unterscheiden sich zwischen Layouts und Browsern; verwenden Sie in neuem Code lieber key oder code.
  • location: 0 Standard, 1 links, 2 rechts, 3 Ziffernblock. Damit unterscheiden Sie linke und rechte Umschalt-, Strg-, Alt- und Meta-Taste sowie Ziffernblock und Zahlenreihe.
  • Modifikator- und Feststelltasten: Control, Shift, Alt und Meta, die während des Ereignisses gehalten wurden, und ob Caps Lock, Num Lock oder Scroll Lock aktiv ist, wie von getModifierState() gemeldet.
  • repeat: ja bei automatisch wiederholten Ereignissen, solange eine Taste gehalten wird.

Häufige Überraschungen

  • Dead: Akzenttasten erzeugen bei vielen internationalen Layouts – auch dem deutschen, etwa ^ und ´ – kein Zeichen bis zur nächsten Taste, daher ist key gleich Dead.
  • Process oder keyCode 229: Eine Eingabemethode (zum Beispiel für Chinesisch oder Japanisch oder manche Handy-Tastaturen) setzt gerade Text zusammen, und die eigentliche Taste ist verborgen.
  • AltGr kommt unter Windows meist als Strg plus Alt an, daher sehen Sie eventuell zwei Ereignisse und beide Modifikatortasten.
  • Befehlstaste am Mac: Solange die Befehlstaste gehalten wird, meldet der Browser nicht, wann andere Tasten losgelassen werden.
  • Leerer code oder Unidentified: Tastatur, Treiber oder Remote-Sitzung haben keine physische Taste geliefert. Die Fn-Taste erscheint überhaupt nicht, weil sie in der Tastatur selbst verarbeitet wird.

Grenzen

Die Seite zeigt, was der Browser bereitstellt, nachdem Betriebssystem und Tastaturlayout die Taste verarbeitet haben. Sie kann keine rohen Scancodes oder USB-HID-Daten anzeigen, sieht keine Tasten, die das Betriebssystem zuerst abfängt (etwa Strg+Alt+Entf), und ändert oder belegt keine Tasten um. Sie misst auch weder Tastaturlatenz noch Polling-Rate. Um zu prüfen, ob jede Taste einer Tastatur funktioniert, nutzen Sie den Tastatur-Test; für mehrere Tasten gleichzeitig den Ghosting-Test.

Fragen

Was ist der Unterschied zwischen key und code?

code benennt die physische Tastenposition und bleibt unabhängig vom Layout gleich. key ist das, was der Tastendruck mit dem aktuellen Layout und den Modifikatortasten erzeugt, zum Beispiel a, A oder @.

Kann ich keyCode noch verwenden?

Browser melden ihn weiterhin, aber er ist veraltet und zwischen Layouts und Browsern uneinheitlich. Verwenden Sie event.key für Zeichen und event.code für physische Positionen.

Wird das, was ich tippe, irgendwohin gesendet?

Nein. Ereignisse werden nur auf dieser Seite angezeigt und verschwinden, wenn Sie den Tab schließen. Beim Kopieren landet das JSON nur in Ihrer eigenen Zwischenablage.

Ähnliche Tests

Ratgeber