JS Event KeyCode Real-Time Detector
Dev CoreProfessional keyboard event lab — live key/code/keyCode, held-key tracking, mini layout, event log, and JS/TS/React/Vue snippets. 100% client-side.
Professional keyboard event lab · 100% client-side
Real-time key / code / legacy keyCode inspector with held-key tracking, mini layout, event log, and production-ready snippets for JavaScript, TypeScript, React, and Vue.
Click to focus capture zone
Tab works when Ctrl/Cmd is held
Keydown
0
Keyup
0
Held
0
Mini layout (physical code)
key vs code vs keyCode
event.key
Character or logical key value (layout-dependent)
e.g. "a", "A", "Enter", "ArrowUp"
event.code
Physical key on the keyboard (layout-independent)
e.g. "KeyA", "Enter", "ArrowUp"
event.keyCode
Legacy numeric code — deprecated, avoid in new code
e.g. 65 for KeyA
Common shortcuts reference
Sponsored