Tastencode-Info
Erkennen Sie JavaScript-Keycodes, Tastenwerte und Modifier sofort. Finden Sie die Eigenschaften keyCode, code und location für jede gedrückte Taste in Echtzeit.
Führung
Dieses Tool ist ein einfaches, clientseitiges Dienstprogramm zum Erkennen und Anzeigen von Eigenschaften jeder Taste, die Sie drücken. Es wurde für Entwickler, Designer und alle entwickelt, die schnell Informationen über Tastaturereignisse finden müssen. Das Tool arbeitet in Echtzeit und liefert sofortige Tastatureigenschaften, ohne Daten über das Internet zu senden.
Wie es funktioniert
Klicken Sie einfach irgendwo auf die Seite und drücken Sie eine Taste auf Ihrer Tastatur. Das Tool erfasst das Tastaturereignis und zeigt eine Aufschlüsselung seiner Eigenschaften, einschließlich:
- Taste: Der Wert der Taste, z. B.
a
,Enter
, oderShift
. - Keycode: Ein numerischer Wert, der der gedrückten Taste entspricht. Notiz: Diese Eigenschaft gilt als veraltet, ist aber immer noch nützlich für ältere Webanwendungen.
- Code: Eine physische Tasten-ID, die nicht vom Tastaturlayout beeinflusst wird. Zum Beispiel, wenn Sie
q
auf einem QWERTY-Layout unda
auf einem AZERTY-Layout drücken, geben beide den Code zurückKeyQ
Dies ist besonders nützlich für das Erstellen von Spielen oder Anwendungen, bei denen die physische Position der Taste wichtiger ist als das Zeichen, das sie erzeugt. - Position: Eine Ganzzahl, die die Position der Taste auf der Tastatur angibt (z. B.
1
für Tasten auf der linken Seite,2
für Tasten auf der rechten Seite und0
für nicht positionierte Tasten). - Modifier: Eine Liste aller Sondertasten, die ebenfalls gedrückt gehalten werden, z. B.
Meta
(die Windows- oder Command-Taste),Alt
,Control
, oderShift
.
Anwendungsfälle
- Web-Entwicklung: Schnelles Debuggen und Testen von Tastaturereignissen für Webanwendungen, Spiele und Formulare.
- Benutzeroberflächendesign: Bestimmen Sie Tastenkombinationen für Verknüpfungen und Hotkeys.
- Bildungszwecke: Erfahren Sie, wie Tastaturereignisse in JavaScript behandelt werden und welche verschiedenen Eigenschaften ein Tastendruck hat.
- Browserübergreifende Kompatibilität: Testen Sie, wie verschiedene Browser Tastaturereignisse verarbeiten und identifizieren Sie potenzielle Probleme.
Erweiterungen installieren
IO-Tools zu Ihrem Lieblingsbrowser hinzufügen für sofortigen Zugriff und schnellere Suche
Unverzichtbare Tools
Alle Neuheiten
AlleAktualisieren: Unser neuestes Werkzeug wurde am 16. Sep. 2025 hinzugefügt