Welche Taste drücke ich?
Drücken Sie eine beliebige Taste, und diese Seite zeigt event.key, event.code und den alten keyCode. Die Taste A ergibt zum Beispiel key "a", code "KeyA" und keyCode 65, die Eingabetaste code "Enter" und keyCode 13.
So funktioniert’s
- Klicken Sie irgendwo auf die Seite und drücken Sie dann eine Taste. Ein Eingabefeld müssen Sie nicht anklicken.
- Lesen Sie im Feld Tastenname, physischen Code und den alten keyCode ab. Halten Sie Umschalt, Strg, Alt oder Cmd gedrückt, um den Zustand der Sondertasten zu sehen, und halten Sie eine Taste, bis die Wiederholungsanzeige angeht.
- Mit Kopieren übernehmen Sie die Werte in Ihren Code. Die Liste darunter behält die letzten zehn Tastendrücke.
Berechnung
Browser senden bei jedem Tastendruck ein keydown-Ereignis. event.key ist der Wert, den die Taste erzeugt, etwa "a", "A" oder "Enter", und er ändert sich mit Tastaturlayout und Umschalttaste. event.code ist die physische Taste, etwa "KeyA", und bleibt in jedem Layout gleich, was ihn zur richtigen Wahl für Spielsteuerungen macht.
event.keyCode ist der alte Zahlencode. Er gilt als veraltet, steckt aber noch in älteren Skripten und Code aus der jQuery-Zeit, deshalb wird er angezeigt. Während der Eingabe über eine Eingabemethode (IME) lautet er 229. event.location sagt, wo die Taste sitzt: 0 Standard, 1 links, 2 rechts, 3 Ziffernblock.
Damit die Seite beim Testen nicht scrollt oder die Hilfe öffnet, unterdrückt das Tool bei den meisten Tasten die Standardaktion des Browsers. Tab, Escape, F5, F11, F12 und Kurzbefehle mit Strg oder Cmd bleiben unberührt. Tasten, die das Betriebssystem verarbeitet, etwa Fn, Lautstärke und Helligkeit, erreichen die Seite nie.
Häufige Fragen
Was ist der Unterschied zwischen event.key und event.code?
event.key ist das, was die Taste tippt, hängt also von Layout und Umschalttaste ab. event.code ist die physische Position. Auf einer französischen AZERTY-Tastatur liefert die Taste an der Q-Position code "KeyQ", aber key "a". Nutzen Sie code für Spielsteuerung und key für Kurzbefehle, die von einem Zeichen abhängen.
Sollte ich noch keyCode verwenden?
Nein. keyCode und which sind veraltet. Nutzen Sie in neuem Code event.key oder event.code. Die Zahlen werden angezeigt, damit Sie ältere Skripte lesen oder reparieren können, in denen zum Beispiel 13 die Eingabetaste, 27 Escape und 32 die Leertaste ist.
Warum erscheint 229 oder "Process"?
Eingabemethoden für Chinesisch, Japanisch, Koreanisch und andere Sprachen übernehmen die Taste zuerst, während Sie Text zusammensetzen, daher meldet der Browser 229. Wechseln Sie auf ein englisches Layout, wenn Sie die reinen Tastenwerte brauchen.
Warum erscheint mein Kurzbefehl oder meine Medientaste nicht?
Das Betriebssystem oder der Browser kann eine Taste abfangen, bevor die Seite sie sieht. Beispiele sind Strg+W, Alt+Tab, Cmd+Q und die Fn-Reihe vieler Laptops. Reagiert die Seite nicht, erreicht die Taste den Webcode gar nicht.