Keyboard Event & Keycode Inspector

Inspect keyboard key, code, legacy keyCode, location, and modifier state accessibly.

Keyboard Event Inspector

Click or Tab to focus this region, then press any key. Tab is never intercepted.

Capture region is not focusedPress a key here
key (produced value)
—
code (physical position)
—
keyCode (legacy)
—
location (key position)
—
repeat (held key)
—
Modifier keysNone
About this tool

Made for the task at hand.

Explore real KeyboardEvent values for layout-aware shortcuts and browser input handling. Capture occurs only inside a focusable region, so the tool does not globally intercept keys; Tab remains available for keyboard navigation.

How to use

  1. Focus the capture region by clicking it or pressing Tab.
  2. Press a key or key combination to capture its event.
  3. Review key, physical code, legacy keyCode, location, and modifiers.
Your work stays yours.
Tool inputs are processed locally in your browser and are never sent to KitVerse servers. Clear the workspace when using a shared device.
Common questions
What is the difference between key and code?

key describes the character or function produced by the key, while code identifies a physical key position. Both can differ across layouts and modifier states.

Is keyCode recommended for new code?

No. keyCode is shown for legacy compatibility and debugging. New applications should generally prefer key or code according to their intent.