So verwenden Sie es
- Klicken Sie auf den grauen Bereich, damit er den Fokus hat.
- Drücken Sie jede Taste. Eine Taste leuchtet, solange sie gehalten wird, und behält nach dem Drücken einen Ton.
- Halten Sie drei Tasten zusammen, zum Beispiel Q, A und W, und lesen Sie Meiste Tasten gleichzeitig und Mehrtastenprüfung.
- Prüfen Sie in der Tabelle event.key und event.code. Drücken Sie Zurücksetzen, um neu zu beginnen.
Was der Test zeigt
event.code benennt die physische Taste. Die Taste an der Position A heißt auf jedem Layout KeyA, und der Name ändert sich nicht, wenn die Tastatursprache wechselt. event.key ist das Zeichen oder der Name, den das System mit dem aktuellen Layout erzeugt. Er ändert sich also mit der Sprache.
- event.code: die physische Taste, zum Beispiel KeyA oder Digit2.
- event.key: was die Taste erzeugt, zum Beispiel a oder A, je nach Umschalt und Layout.
- location: ob die Taste links oder rechts auf der Tastatur liegt oder auf dem Ziffernblock.
- repeat: ja, wenn die Taste noch gehalten wird und das System sie erneut sendet.
Layouts im Bild
ANSI (US) hat eine kurze Enter-Taste und eine Backslash-Taste oben rechts. ISO hat eine hohe Enter-Taste und eine zusätzliche Taste links von Z. Türkisch Q verwendet die ISO-Form mit türkischen Buchstaben: ı sitzt dort, wo auf der US-Tastatur das I liegt, und ğ, ü, ş, i, ö und ç sitzen nach P, nach Ğ, nach L, nach Ş, nach M und nach Ö. AZERTY (französisch) verwendet die ISO-Form mit verschobenen Buchstaben: A sitzt dort, wo auf der US-Tastatur das Q liegt, Z dort, wo das W liegt, Q dort, wo das A liegt, und W dort, wo das Z liegt; M sitzt nach L. Die Ziffern brauchen die Umschalttaste. QWERTZ (deutsch) verwendet die ISO-Form mit vertauschtem Y und Z; Ü, Ö, Ä und ß sitzen nach P, nach L, nach Ö und nach der 0. ABNT2 (brasilianisch) verwendet die ISO-Form mit Ç nach L, einer Apostroph-Taste links von der 1 und einer zusätzlichen Taste links neben der rechten Umschalttaste, die / und ? schreibt. Die gezeigten Buchstaben sind die üblichen Beschriftungen. Die Tastenkappen Ihrer Tastatur können abweichen.
Die Codes ändern sich mit dem Layout nicht. Der Code benennt den Platz der Taste auf der US-Tastatur: Die Taste, die auf AZERTY ein A druckt, hat deshalb den Code KeyQ, und event.key zeigt das A.
Mehrtasten und Ghosting
Mehrtastenfähigkeit ist, wie viele Tastendrücke eine Tastatur gleichzeitig meldet. Eine Tastatur mit vollständiger Mehrtastenerkennung meldet jede gehaltene Taste. Eine günstigere Tastatur kann eine Taste verlieren, wenn mehrere Tasten in einem bestimmten Muster gedrückt werden. Das nennt man Ghosting. Zur Prüfung halten Sie drei oder mehr Tasten, etwa Q, A und W, und sehen zu, dass alle aufleuchten.
Beispiel: die I-Taste auf einer türkischen Q-Tastatur
Auf einer türkischen Q-Tastatur druckt die Taste an der US-Position I ein ı. Ein Druck ergibt event.code KeyI und event.key ı. Mit gehaltener Umschalttaste wird event.key zu I. Die Tastenposition und der Code bleiben gleich; nur das Zeichen ändert sich mit dem Layout.
Häufig gestellte Fragen
Zeichnet der Test auf, was ich tippe?
Nein. Die Seite liest Tastenereignisse nur, solange das Testfeld den Fokus hat. Sie zeigt sie auf dem Bildschirm und verwirft sie, wenn Sie den Test zurücksetzen oder die Seite verlassen. Nichts wird an unseren Server gesendet oder im Browser gespeichert.
Warum leuchtet eine Taste nicht?
Manche Tasten werden vom System oder vom Browser verwendet, bevor die Seite sie sieht, etwa Strg+W, Alt+Tab oder die Windows-Taste. Probieren Sie die Taste in einer anderen Anwendung: Leuchtet sie dort, kann die Seite sie im Browser nicht sehen.
Was zeigt die Mehrtastenprüfung?
Sie zeigt, ob während dieses Tests drei oder mehr Tasten gleichzeitig gemeldet wurden. Erlischt eine Taste, während Sie drei Tasten halten, die eine Ecke oder ein Rechteck bilden, kann die Tastatur Ghosting haben.
Warum ändert sich event.key, wenn ich die Tastatursprache wechsle?
event.key ist das Zeichen, das das System mit dem aktuellen Layout erzeugt. Die Taste an der Position I ergibt deshalb auf einem türkischen Layout ı und auf einem englischen i. event.code bleibt gleich, weil er die physische Taste benennt.
Funktioniert der Test auf dem Handy?
Kaum: Die Bildschirmtastatur sendet physische Tastencodes nicht auf dieselbe Weise. Verwenden Sie für einen vollständigen Test einen Computer mit einer echten Tastatur.
Quellen
- W3C (englisch): UI Events, KeyboardEvent-Codewerte, Spezifikation
- W3C (englisch): UI Events, KeyboardEvent-Schlüsselwerte, Spezifikation
- MDN (englisch): KeyboardEvent
- Microsoft Learn (englisch): French (Legacy, AZERTY) Keyboard
- Microsoft Learn (englisch): German Keyboard
- Microsoft Learn (englisch): Portuguese (Brazil ABNT2) Keyboard
- Keyboard Layout Info (englisch): KBDBR, Taste neben der rechten Umschalttaste
Zahlen und Text zuletzt geprüft: Donnerstag, 12. November 2026.