Keyboard Key Code Viewer
Drücken Sie eine Taste, um den JavaScript-KeyCode zu erhalten
Event-Eigenschaften
Letzte Tastenanschläge
Empfohlene Tools
Handverlesene Dienstprogramme, die Sie nützlich finden könnten
Den JavaScript-Key-Code für jede Taste finden
Überblick
Wenn du Tastaturinteraktionen im Web baust, musst du genau wissen, welchen Wert ein Tastendruck erzeugt — seinen `key`, `code` und den veralteten `keyCode`. Ein Key-Code-Viewer zeigt sie live: Drücke eine beliebige Taste, und er zeigt die Bezeichner, die dein JavaScript sieht. Dieses Tool erfasst Tastaturereignisse im Browser, damit du Shortcuts und Handler ohne Raten verdrahtest.
So gehts (Schritt für Schritt)
- 1
Tool fokussieren und Taste drücken
Klicke in den Viewer und drücke die Taste oder Kombination, die du prüfen willst.
- 2
Bezeichner lesen
Sieh `key`, `code`, `keyCode` und welche Modifikatoren gehalten wurden.
- 3
Die richtige Eigenschaft nutzen
Kopiere den Wert, der zu deinem Handler passt — meist `key` für Zeichen, `code` für physische Tastenpositionen.
Funktionsweise
Das Tool lauscht auf Tastaturereignisse und liest beim Tastendruck die Eigenschaften des Ereignisses: `key` (das Zeichen oder der Name, wie 'a' oder 'Enter'), `code` (die physische Taste, wie 'KeyA'), den numerischen `keyCode` (veraltet, aber noch sichtbar) und Modifikatorzustände (Shift, Strg, Alt, Meta). Es zeigt sie sofort. Alles läuft lokal im Browser — keine Tastenanschläge werden protokolliert oder gesendet.
Wann verwenden
Ein Tastaturkürzel bauen und den exakten `key` oder `code` zum Abgleich brauchen. Debuggen, warum ein Handler bei einer bestimmten Taste nicht auslöst. Tasten unterscheiden, die sich ein Zeichen über Layouts teilen. Modifikatorkombinationen für ein Kürzel erkennen. Den Unterschied zwischen `key`, `code` und `keyCode` lernen. Prüfen, was eine Sonder- oder Medientaste meldet.
Häufig Gestellte Fragen
`key` ist der erzeugte Wert, beeinflusst von Layout und Modifikatoren (Shift+a ergibt 'A'). `code` ist die physische Tastenposition, unabhängig vom Layout (immer 'KeyA' für diese Taste). Nutze `key` für Zeichen, `code` für Positions-Shortcuts wie WASD.
Wichtige Hinweise
Manche Tasten verhalten sich über Browser, Betriebssysteme und Tastaturlayouts hinweg unterschiedlich — besonders Tottasten, IME-Eingabe und Medientasten. Teste auf deinen Zielplattformen, statt anzunehmen, dass die Werte einer Maschine überall gelten.