Keyboard Key Detector
Detect keys in real time and visualize pressed states
About This Tool
Renders a keyboard layout and highlights current and previously pressed keys; covers main area, navigation, arrows and numpad. Pair with the Online Stopwatch for responsiveness tests, or verify event times with the Timestamp Converter.
Uses de-duplication and state retention: the same key is recorded once, highlight persists after release until you clear. For structured event logs, inspect payloads with JSON Formatter.
FAQ
Why some keys cannot be detected?
The browser or OS may intercept Fn and system shortcuts; Fn on many laptops is not exposed via standard events.
How are numpad digits distinguished from top-row digits?
Display uses intuitive characters, but codes differ (e.g., Digit1 vs Numpad1). For base encodings, try the BaseX Encoder/Decoder.
Why does highlight remain after release?
To make key-by-key inspection easier; click Clear to reset.
How are modifier combos shown?
All involved keys are highlighted simultaneously and listed under ‘Pressed Keys’.
Do IME or OS shortcuts affect detection?
Yes. Some combos are captured by the OS or IME so the browser won’t receive them.
Common Use Cases
- Debug keyboard events and shortcuts
- Demonstrate key positions visually
- QA tests for hardware and layouts
How It Works
- Listens to keydown/keyup and highlights keys
- De‑duplicates events and keeps highlight until cleared
- Runs locally in your browser