Keycode Info
Press any key to see its event properties. Click anywhere first to focus.
Press any key...
About Keycode Info
Keycode Info shows you the exact keyboard event properties for any key press: event.key, event.code, the legacy keyCode value, modifier state (Shift, Ctrl, Alt, Meta), and key location (standard, left, right, numpad). Press any key combination and see the details instantly.
Essential for building keyboard shortcuts, handling hotkeys in web apps, or debugging keyboard event handlers. The key history panel shows the last several keys pressed so you can compare codes across a sequence.
Includes special keys like F1–F12, arrow keys, Enter, Tab, Escape, and all modifier combinations.
Features
- ✓Shows event.key, event.code, and keyCode for every keypress
- ✓Modifier key state (Shift, Ctrl, Alt, Meta)
- ✓Key location info (standard, left, right, numpad)
- ✓Key press history for sequence comparison
- ✓Works with all special keys and combinations
Common Use Cases
- →Building keyboard shortcut handlers in web apps
- →Debugging keyboard event listeners
- →Finding the correct event.code for accessibility features
- →Testing international keyboard layouts