Tastencode-Informationen

Finden Sie den JavaScript-Tastencode, den Code, die Position und die Modifikatoren jeder gedrueckten Taste.

Taste druecken

Druecken Sie die Taste, zu der Sie Informationen benoetigen

Touche :

Code de touche :

Code :

Emplacement :

Modificateurs :

Letzte Tasten:

Ueber Tastencode-Informationen

Dieses Tool hilft Web-Entwicklern, die verschiedenen Eigenschaften und Werte von Tastaturereignissen in JavaScript zu identifizieren, was fuer die Implementierung von Tastaturkuerzeln, Barrierefreiheitsfunktionen und interaktiven Web-Apps unerleaslich ist.

Tastaturereignis-Eigenschaften

JavaScript bietet mehrere Tastaturereignis-Eigenschaften:

key - Gibt den Wert der Zeichen- oder Nicht-Zeichentaste zurueck (z.B. "A", "Enter", "Escape")
keyCode - Gibt den Unicode-Wert der Taste zurueck (veraltet, aber noch weit verbreitet)
code - Gibt den Code der physischen Taste zurueck (z. B. "KeyA", "Enter", "Escape")
location - Gibt die Position der Taste auf der Tastatur zurueck (0 Standard, 1 Links, 2 Rechts, 3 Numpad)
altKey, ctrlKey, shiftKey, metaKey - Boolesche Werte, die angeben ob Modifikatortasten gedrueckt sind

Haeufige Anwendungsfaelle

Implementierung von Tastaturkuerzeln in Web-Anwendungen
Erstellung webbasierter Spiele mit Tastatursteuerung
Aufbau barrierefreier Web-Oberflaechen mit Tastaturnavigation
Implementierung von Formularvalidierung und Eingabebeschraenkungen
Entwicklung interaktiver Code-Editoren und Textmanipulations-Tools

Bonnes pratiques

Verwendung moderner Eigenschaften

Die Eigenschaft keyCode ist veraltet. Es wird empfohlen, stattdessen die Eigenschaften key oder code fuer eine zuverlaessigere und semantisch bedeutungsvollere Tastaturereignisbehandlung zu verwenden.

Key vs Code

Verwenden Sie key, wenn Sie sich um das getippte Zeichen kuemmern, und code, wenn Sie sich um die physische Tastenposition unabhaengig vom Tastaturlayout kuemmern.

Barrierefreiheitsueberlegungen

Bieten Sie immer alternative Moeglichkeiten fuer Funktionen mit Tastaturkuerzeln an und vermeiden Sie Konflikte mit Browser- und Screenreader-Tastaturkuerzeln.

+ 01Verwandte Werkzeuge