So nutzt du: JavaScript Keycode Finder
- Klick auf die Box (oder irgendwo auf die Seite) und drück eine Taste oder einen Shortcut.
- Lies
event.key,event.codeund den veraltetenkeyCodeab. - Kopiere den generierten
keydown-Handler für deinen Shortcut.
key, code und keyCode
| Eigenschaft | Was sie dir verrät | Wofür du sie nutzt |
|---|---|---|
event.key | Das erzeugte Zeichen oder der Tastenname, abhängig von Layout und Shift ("a", "A", "Enter") | Texteingabe, „tippe ? für Hilfe“ |
event.code | Die physische Tastenposition, unabhängig vom Layout ("KeyA", "Digit1") | Spiele (WASD) und positionsbasierte Shortcuts |
event.keyCode / which | Veraltete numerische Codes (Enter = 13, Esc = 27) | Nur für alten Code – veraltet |
event.location | 0 Standard, 1 links, 2 rechts, 3 Ziffernblock | Linke und rechte Shift-Taste oder Ziffernblock-Tasten unterscheiden |
Häufige Tastencodes
| Taste | event.key | event.code | keyCode |
|---|---|---|---|
| Enter | Enter | Enter | 13 |
| Escape | Escape | Escape | 27 |
| Leertaste | " " | Space | 32 |
| Tab | Tab | Tab | 9 |
| Backspace | Backspace | Backspace | 8 |
| Pfeiltasten | ArrowLeft/Up/Right/Down | gleich | 37–40 |
| A–Z | a–z / A–Z | KeyA–KeyZ | 65–90 |
| 0–9 | 0–9 | Digit0–Digit9 | 48–57 |
| F1–F12 | F1–F12 | F1–F12 | 112–123 |
Shortcut-Handler schreiben
Prüfe Modifier explizit (e.ctrlKey || e.metaKey deckt Strg unter Windows und ⌘ unter macOS ab), rufe e.preventDefault() nur für Shortcuts auf, die du selbst behandelst, und ignoriere deinen Handler, während der Nutzer in Eingabefeldern tippt. Nutze für Buchstaben-Shortcuts bevorzugt key, damit sie dem Tastaturlayout des Nutzers folgen, und code, wenn die physische Position zählt.
Teste reguläre Ausdrücke für die Tastenverarbeitung im Regex-Tester oder prüfe mit dem User-Agent-Parser, wie sich der Browser identifiziert.
Auch gesucht als: javascript keycode, keycode liste, event.key, event.code, keyboard event viewer, tastencode prüfen, keycode finder, javascript tastencode.
Passende Tools zu: JavaScript Keycode Finder
- Online HTML-Editor — Ein schlanker Code-Spielplatz: Bearbeite HTML, CSS und JavaScript nebeneinander, sieh das Ergebnis sofort, lies die Konsolenausgabe und lade deine Seite als eine HTML-Datei herunter.
- JavaScript Formatierer — Entpacke und formatiere JavaScript, JSON oder JSX mit deiner bevorzugten Einrückung und deinem Klammerstil – oder entferne Leerzeichen und Kommentare mit einem geprüften Minifier.
- Bildschirmauflösung — Deine Bildschirm- und Browserfenstergrößen in CSS-Pixeln, das Device Pixel Ratio und die echte physische Auflösung – live von deinem Browser gemessen.
- HTML Formatter — Füg minifiziertes oder unübersichtliches Markup ein und erhalte sauber und einheitlich eingerücktes HTML – inklusive eingebetteter <style>- und <script>-Blöcke.
Häufige Fragen
Sollte ich keyCode verwenden?
Nein.
keyCode und which sind veraltet. Nutze event.key für das Zeichen und event.code für die physische Taste.Welchen Keycode hat Enter?
Enter hat keyCode 13,
key "Enter" und code "Enter" (bzw. "NumpadEnter" auf dem Ziffernblock).Warum schließt Strg+W den Tab?
Manche Browser-Shortcuts können aus Sicherheitsgründen nicht von Webseiten abgefangen werden, z. B. Strg+W, Strg+T und Strg+N in den meisten Browsern.
Kann ich JavaScript Keycode Finder als Web-App installieren und offline nutzen?
Ja. JavaScript Keycode Finder ist eine installierbare Web-App (PWA) – sie wird über Ihren Browser installiert und nicht aus einem App-Store heruntergeladen. Klicken Sie oben auf dieser Seite in Chrome oder Edge (Windows, macOS, Linux, ChromeOS) auf „App installieren“ oder verwenden Sie auf Android-Geräten „Teilen“ → „Zum Startbildschirm hinzufügen“ auf dem iPhone und iPad bzw. „Datei“ → „Zum Dock hinzufügen“ in Safari 17+ auf einem Mac. Die App öffnet sich dann in einem eigenen Fenster mit einem eigenen Symbol, und da sie vollständig in Ihrem Browser ausgeführt wird, funktioniert sie auch offline. Firefox auf dem Desktop kann keine Web-Apps installieren. So funktioniert die Installation.