Key Press Detector

Press any key to discover its JavaScript event properties. Includes support for modifier keys and numpad detection.

Press any key...
The X-Ray vision is ready.

Your Data Never Leaves Your Device

Every tool runs entirely in your browser. Nothing you type is uploaded, stored, or logged on our servers.

100% Client-Side

The Key Press Detector acts as an X-Ray for your keyboard. When building games, hotkey systems, or accessible forms, you often need to know exactly what key property JavaScript fires when a user presses a button.

Simply press any key to expose its raw KeyboardEvent properties, including the semantic e.key, the physical e.code, and even the e.location which helps distinguish between standard keys and their numpad equivalents (e.g. Enter vs NumpadEnter).

FAQ

It captures keyboard events and shows the properties your code receives, such as key, code, keyCode, and modifier states, for any key you press.

No. Key events are read and displayed entirely client-side in your browser, so nothing you press is recorded or uploaded.

key is the character produced, which depends on layout and modifiers, while code identifies the physical key on the keyboard regardless of layout.

keyCode is deprecated. Modern code should prefer event.key and event.code, though the tool still displays keyCode for reference and legacy debugging.

Yes. The detector reports the state of modifier keys so you can confirm combinations such as Ctrl+Shift+K in your handlers.