Work on shortcut compatibility
Check how key and code differ for the same physical key under the current layout.
Guide
The keyboard event inspector listens directly to keydown and keyup on the current page and shows event.key, event.code, the deprecated but still common in old code keyCode and which, the keyboard region location, repeat for a held key and the Ctrl/Shift/Alt/Meta state. The history records only the last 30 non-repeat keydown events.
Updated 2026-09-102 min read
repeat=true, while the history does not flood with automatic repeats.| Input | Output | Notes |
|---|---|---|
| Pressing space | key shows Space |
The actual event.key is a space character |
| Pressing left Shift | location = left | Depends on the browser and keyboard |
| Holding A down | The current event has repeat=true | The history records only the first, non-repeat event |
keyCode and which are deprecated and shown only to help with old code; new code should prefer key and code.Check how key and code differ for the same physical key under the current layout.
Compare keyCode and which against the modern fields to understand legacy listener logic.
The operating system or the browser may intercept them before the event reaches the page.
No. The listener exists only while the page component is mounted and is removed when you leave.
Key events are held only in the current page's memory for display; the tool does not persist or upload the key history.
Updated 2026-09-10
Press any key to see key/code/keyCode/location, modifier indicators and a key history
Shown live key code keyCode location and other event properties
Hold Ctrl / Shift / Alt / Win (⌘) to light them up live
The last 30 key presses (held repeats are not recorded again)
No records yet — press a few keys