Über KeyCode-Referenz (Tastatur)
Klicken Sie in die Aufnahme-Zone und drücken Sie eine beliebige Taste: Das Werkzeug zeigt sofort die Eigenschaften des Keyboard-Events an – e.key für das Zeichen, e.code für die physische Taste und den legacy-Zahlenwert e.keyCode. Eine Referenztabelle hilft beim Nachschlagen.
Funktionsumfang
Eigene Taste live abfragen, e.key, e.code und e.keyCode auf einen Blick, Modifikatoren wie Strg, Umschalt und Alt erkennen, Durchsuchbare Referenztabelle.
So gehen Sie vor
- In die Aufnahme-Zone klicken, um sie zu aktivieren
- Eine oder mehrere Tasten drücken
- Die Werte ablesen oder die Referenztabelle durchsuchen
Anwendungsfälle
- Beim Programmieren die richtige Eigenschaft wählen
- Tastaturkürzel im eigenen Projekt testen
- Legacy-Werte beim Erben älteren Codes verstehen
Nachgefragt
Warum sehe ich manche Tasten wie F12 nicht?Browser reservieren Tasten wie F12 für die Entwicklerwerkzeuge und Strg+P für den Druck. Solche Kürzel kann eine Webseite nicht abfangen.
Was ist der Unterschied zwischen e.key und e.code?e.key ist das Zeichen (bei Umschalt ein Großbuchstabe), e.code ist die Taste selbst (immer KeyQ, egal welche Sprache eingestellt ist).
Warum wird e.keyCode als veraltet angezeigt?e.keyCode stammt aus den frühen Browsern. Für neue Projekte nimmt man e.code; e.keyCode hilft nur beim Lesen älteren Codes.
Werden meine Tasten an einen Server geschickt?Nein. Die Erkennung läuft allein im Browser und ist sofort wieder weg.
Grenzen und Voraussetzungen
e.key ist das erzeugte Zeichen und hängt von Sprache und Belegung ab. e.code ist die unabhängige physische Taste, etwa KeyQ auf jeder Tastatur. e.keyCode ist ein älterer Zahlenwert, der in neueren Browsern nicht mehr weiterentwickelt wird. Die Verarbeitung läuft vollständig lokal, es werden keine Eingaben übertragen.
Passt gut dazu
Diese Werkzeuge passen inhaltlich zur KeyCode-Referenz: