Tastencode-Info

Dieses Tool hilft Web-Entwicklern, die verschiedenen Eigenschaften und Werte von Tastaturereignissen in JavaScript zu vergleichen. Es ignoriert Ereignisse in Eingabe-, Auswahl- und Textfeldern dieser Seite, damit dort eingegebener Text nicht in der lokalen Verlaufsliste erscheint.

Tastaturereignis-Eigenschaften

• key – Gibt den Wert der Zeichen- oder Nicht-Zeichentaste zurück (z. B. „A“, „Enter“, „Escape“)
• keyCode/which – Historische numerische Werte ohne normierte, plattformübergreifend verlässliche Zuordnung
• code – Gibt den Code der physischen Taste zurück (z. B. „KeyA“, „Enter“, „Escape“)
• location – Gibt die Position der Taste auf der Tastatur zurück (Standard, links, rechts, Numpad)
• repeat/isComposing – Kennzeichnet automatische Wiederholung beziehungsweise eine laufende Eingabemethoden-Komposition
• altKey, ctrlKey, shiftKey, metaKey – Boolesche Werte, die angeben, ob Modifikatortasten gedrückt sind

Häufige Anwendungsfälle

• Implementierung von Tastaturkürzeln in Web-Anwendungen
• Erstellung webbasierter Spiele mit Tastatursteuerung
• Aufbau barrierefreier Web-Oberflächen mit Tastaturnavigation
• Implementierung von Formularvalidierung und Eingabebeschränkungen
• Entwicklung interaktiver Code-Editoren und Textmanipulations-Tools

Best Practices

Die Eigenschaft keyCode ist veraltet. Es wird empfohlen, stattdessen key oder code für eine zuverlässigere und semantisch bedeutungsvollere Tastaturereignisbehandlung zu verwenden. Verwenden Sie key, wenn Sie sich um das getippte Zeichen kümmern, und code, wenn Sie sich um die physische Tastenposition unabhängig vom Tastaturlayout kümmern. Bieten Sie außerdem immer alternative Wege für Tastaturkürzel-Funktionen an und vermeiden Sie Konflikte mit Browser- und Screenreader-Tastaturkürzeln.