CodesWebtools

Keycode-Finder

Was steckt hinter einem Tastendruck?

Jede Taste hat mehr zu sagen, als man auf den ersten Blick vermutet. Entdecke, welche Informationen dein Browser bei jedem Tastendruck verarbeitet, und mache unsichtbare Tastaturereignisse sichtbar. Direkt, unkompliziert und ohne zusätzliche Installation.

Tastencode finden | Keycode-Finder

Tastenerkennung | Tasten-Code-Tester | Drücke eine Taste und sieh sofort key, code, which und keyCode – live im Browser ohne zusätzliche Installation. Probiere verschiedene Tasten und Tastenkombinationen aus und entdecke, welche Informationen hinter jedem Tastendruck stecken.

  1. In das Feld klicken
  2. Beliebige Taste drücken
  3. Werte kopieren und nutzen

Bereit – klicke in das Feld, um die Erfassung zu starten

Zusatztasten

  • Strg (Ctrl)aus
  • Shift ⇧aus
  • Altaus
  • Meta (Windows ⊞)aus
  • AltGraus
  • Caps Lock ⇪aus
event.key

—

Das erzeugte Zeichen bzw. der Name der Taste – abhängig von Layout, Shift und Feststelltaste.

event.code

—

Die physische Taste auf der Tastatur – unabhängig vom Layout.

event.whichVeraltet

—

Legacy-Wert (deprecated), nur noch für ältere Skripte relevant.

event.keyCodeVeraltet

—

Der klassische numerische Tastencode (deprecated).

Position (location)
—
Wiederholung (repeat)
—
Texteingabe (isComposing)
—

Fertige Code-Snippets

// event.key === …
// event.code === …

Zuletzt gedrückt

Noch keine Tasten erfasst. Der Verlauf erscheint hier – ein Klick lädt den Eintrag erneut.

Was steckt hinter einem Keycode?

Jedes Mal, wenn du eine Taste drückst, löst dein Browser ein Tastaturereignis aus. Es trägt mehrere Informationen: welches Zeichen entsteht (event.key), welche physische Taste gedrückt wurde (event.code) und – aus der Frühzeit des Webs – eine Zahl, den sogenannten keyCode. Entwickler nutzen diese Werte für Tastenkürzel, Spielsteuerungen, Formulare und barrierefreie Bedienkonzepte.

Der Keycode-Finder macht diese unsichtbare Ebene sichtbar. Du drückst eine Taste und liest die Werte sofort ab – samt aktiver Zusatztasten wie Strg, Shift, Alt und Meta. Alles passiert lokal in deinem Browser: Es wird nichts gespeichert und nichts übertragen. So eignet sich das Tool für Einsteiger, Schüler und Studenten ebenso wie für erfahrene Entwickler, die schnell einen Wert nachschlagen möchten.

Häufige Fragen

Was ist der Keycode-Finder und was kann ich damit tun?

Es ist ein kostenloses Werkzeug, das dir zeigt, welche Werte der Browser bei einem Tastendruck meldet. Du kannst damit Tastaturereignisse verstehen, testen und die passenden Werte direkt in deinen JavaScript-Code übernehmen.

Wie funktioniert die Erkennung?

Klicke in das Erfassungsfeld und drücke eine Taste. Das Tool lauscht auf die JavaScript-Ereignisse keydown und keyup, liest die Werte aus und zeigt sie sofort an. Das Feld muss den Fokus haben, damit andere Bereiche der Seite nicht beeinflusst werden.

Was ist der Unterschied zwischen event.key und event.code?

event.key liefert das Ergebnis des Tastendrucks, z. B. „a“ oder „A“, je nach Shift und Layout. event.code beschreibt dagegen die physische Position der Taste, z. B. „KeyA“ – egal, welches Layout aktiv ist. Für Spielsteuerung (WASD) eignet sich code, für Zeichen-Eingaben key.

Warum sind which und keyCode „veraltet“?

Die numerischen Werte waren nie sauber standardisiert und unterscheiden sich je nach Browser und Layout. Moderne Webstandards empfehlen daher key und code. Die Legacy-Werte werden hier weiter angezeigt, weil viele bestehende Skripte sie noch nutzen.

Werden meine Eingaben gespeichert oder übertragen?

Nein. Die Auswertung läuft vollständig lokal in deinem Browser. Es werden keine Tastendrücke gespeichert, gesendet oder protokolliert. Beim Neuladen der Seite ist alles wieder leer.

Warum zeigt mein Smartphone „Unidentified“ oder 229?

Bildschirmtastaturen und Eingabemethoden (IME) melden oft keine echten Tastencodes, sondern den Platzhalter 229 bzw. „Unidentified“. Mit einer angeschlossenen Hardware-Tastatur erhältst du die vollständigen Werte.

Warum werden manche Tastenkombinationen nicht erfasst?

Betriebssystem und Browser reservieren einige Kombinationen, etwa Strg+W, Alt+F4 oder Cmd+Q. Diese erreichen die Webseite nicht. Auch manche Sondertasten wie „Druck“ lösen kein keydown aus.

Warum unterscheiden sich Werte zwischen Windows und macOS?

Die Tasten heißen unterschiedlich: Auf dem Mac entspricht „Option“ der Alt-Taste und „Command“ der Meta-Taste (unter Windows die Windows-Taste). Zusätzlich liefert Firefox für einige Tasten andere keyCode-Werte. Über die Plattform-Auswahl passt das Tool die Beschriftungen an.

Wie nutze ich die Werte in meinem Code?

Kopiere das fertige Snippet, zum Beispiel: document.addEventListener("keydown", function (event) { if (event.key === "Enter") { … } });. Die Abfrage mit event.code verwendest du, wenn die Position der Taste zählt.

Hinweise und Feedback

Wir sind bestrebt, unsere Website kontinuierlich zu aktualisieren, zu optimieren und weiterzuentwickeln.
Sollte etwas nicht richtig funktionieren oder unvollständig sein kannst du zunächst einen Browser wie Firefox oder Chrome verwenden oder den Cache deines Browsers leeren.

Wenn das Problem weiterhin besteht, dir veraltete Informationen oder fehlerhafte Funktionen, inhaltliche Unklarheiten oder Lücken auffallen oder du vielleicht einen Verbesserungsvorschlag für uns hast, kannst du uns jederzeit direkt per E-Mail schreiben. Wir freuen uns über deine Hinweise und Vorschläge. Sie helfen uns dabei, mögliche Verbesserungen und Optimierungen zu erkennen und bei der Weiterentwicklung unserer Website zu berücksichtigen.

Hier ist noch mehr zu entdecken

Share