Skip to main content

Keycode Info

Press any key to inspect its KeyboardEvent properties instantly.

Geprüft von · Zuletzt geprüft

So verwendest du Tastencode-Info

  1. Klicke auf das Erfassungsfeld, um es zu fokussieren.
  2. Drücke eine beliebige Taste auf deiner Tastatur. Die Tabelle darunter aktualisiert sich sofort mit den KeyboardEvent-Eigenschaften dieser Taste.
  3. Lies die Eigenschaften einschließlich key, code, keyCode, location und alle aktiven Modifier-Tasten (Ctrl, Alt, Shift, Meta).

Was dieses Tool macht

Tastencode-Info befestigt einen keydown-Listener an einem fokussierten Eingabefeld und erfasst die vollständigen KeyboardEvent-Daten, wenn du eine Taste drückst. Es zeigt key (den logischen Wert), code (die physische Tastenposition), die veralteten keyCode- und which-Werte, location (Standard-, Links-, Rechts- und Numpad-Tasten unterscheidend) und alle vier Modifier-Flags an. Keine Daten werden an einen Server gesendet - alles läuft in deinem Browser.

Häufig gestellte Fragen

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

event.key gibt den Wert der Taste zurück (z.B. "a", "Enter", "ArrowUp") und ist layout-abhängig - es ändert sich basierend auf dem Betriebssystem-Tastaturlayout. event.code gibt die physische Tastenposition zurück (z.B. "KeyA", "Enter", "ArrowUp") und ist layout-unabhängig. Verwende event.code, wenn du auf eine physische Taste reagieren möchtest, unabhängig davon, welches Zeichen sie erzeugt.

Warum ist keyCode veraltet?

keyCode ist eine veraltete Eigenschaft aus der Zeit vor der Standardisierung der KeyboardEvent-Spezifikation. Es gibt inkonsistente numerische Werte über Browser hinweg für nicht druckbare Tasten zurück. Der moderne Ersatz ist event.key (für den Wert) und event.code (für die physische Taste). keyCode wird hier noch angezeigt, weil es in bestehenden Codebasen weit verbreitet ist.

Was bedeutet location?

Location identifiziert, wo auf der Tastatur die Taste physisch liegt: 0 = Standard (die meisten Tasten), 1 = Linker Modifier, 2 = Rechter Modifier, 3 = Numpad. Nützlich zum Unterscheiden von linker Umschalttaste und rechter Umschalttaste.

Mehr Developer Tools

AI Token Counter

Count tokens for GPT-4o, Claude, and Gemini models instantly.

Open tool

Base64 Encoder & Decoder

Encode UTF-8 text to Base64 online or decode Base64 back to UTF-8 and plain text. Runs in your browser with no upload.

Open tool

Bulk URL Encode / Decode

Encode or decode many URLs at once. Paste a newline-separated list and the tool processes each line in parallel, preserving order and blank lines.

Open tool

chmod Calculator

Calculate and convert Unix file permission modes between octal and symbolic.

Open tool

Code Screenshot

Create beautiful code snippet images with customizable themes.

Open tool

Color Converter

Convert colors between HEX, RGB, HSL and CMYK formats.

Open tool