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)
| type | key | code | keyCode | location | repeat | Modifikatortasten |
|---|
So nutzen Sie den Keycode-Tester
- 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 undevent.repeat. - 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.
- Öffnen Sie das Ereignisprotokoll, um die letzten 80
keydown- undkeyup-Ereignisse der Reihe nach zu sehen, zum Beispiel um eine Tastenkombination zu prüfen. - 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 daherKeyY. Nutzen Sie den Wert für Spielsteuerungen und Tastenkürzel, die an die Position gebunden sind.keyCode(undwhichim JSON): veraltete Zahlen, die aber weiterhin gemeldet werden. Sie unterscheiden sich zwischen Layouts und Browsern; verwenden Sie in neuem Code lieberkeyodercode.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 istkeygleichDead.Processoder 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
codeoderUnidentified: 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
- Tastatur-TestDrücken Sie jede Taste und sehen Sie, welche erkannt wird – mit ISO- (QWERTZ), ANSI- und Mac-Layout.
- Ghosting-TestHalten Sie mehrere Tasten gleichzeitig und sehen Sie, welche Kombinationen Ihre Tastatur melden kann.
- Chatter-TestTasten finden, die doppelt schreiben: Jeder Anschlag wird gemessen, zu schnelle Wiederholungen werden markiert.
- Ziffernblock-TestDrücken Sie jede Taste des Ziffernblocks und sehen Sie, ob sie erkannt wird – mit Anzeige des Num-Lock-Status.
- Mac-Tastatur-TestTastatur-Test mit Mac-Tastennamen – für MacBook-Tastaturen und das Magic Keyboard.
- Leertasten-SpeedtestWie oft schaffen Sie die Leertaste in 5 bis 60 Sekunden? Gedrückt gehaltene Tasten zählen nicht.
- Chromebook-TastaturtestTastaturtest mit Chromebook-Layout: Suchtaste, obere Tastenreihe und Pfeiltasten.