Loading your tools...
Loading your tools...
Press any key to inspect keyboard event properties for frontend debugging.
Press the key on your keyboard you want to get info about this key
Press any key to see javascript keycode, code, location and modifiers
Focus the capture area in the tool.
Press any key or key combination.
Review key, code, keyCode, location, and modifiers.
Copy values into your event-handling logic.
Keyboard shortcut implementation
Form interaction debugging
Cross-browser input checks
Accessibility and hotkey QA
Key event tooling works best when it clearly separates character output from physical key position. This page focuses on that distinction with quick, readable event values.
It is useful when migrating from legacy keyCode checks to modern key/code handling while keeping backward compatibility.
Prefer event.key and event.code in modern code, and keep keyCode only where legacy support is required.