Keycode Info
What is a Keycode Info?
Press any key on your keyboard to instantly inspect JavaScript `KeyboardEvent` properties: `e.key`, `e.code`, `e.keyCode`, `e.which`, key location, and modifier keys (Ctrl, Shift, Alt, Meta).
Why Use This Tool?
- Web Development: Find exact `event.key` and `event.code` strings for handling keyboard shortcuts.
- Game Development: Inspect key codes for WASD, Arrow keys, Space, and Esc controls.
- Cross-Browser Testing: Verify keyboard event parameters across different operating systems.
How to Use
- Press any key on your physical keyboard.
- View real-time event stats card (Key, Code, KeyCode, Location).
- Click to copy any property value.
Real Working Example
Input:
[Pressed Key: Spacebar]
Output Result:
e.key: " " | e.code: "Space" | e.keyCode: 32 | Location: 0 | Modifiers: None
Important Technical Details & Features
- Real-Time Event Listener: Listens for native `keydown` events dynamically.
- Modifier Key Indicators: Shows live status for Shift, Alt/Option, Control, and Meta/Command keys.
- 100% Client-Side: Fast browser-native detection.
Related Web & SEO Tools
- Device Information: Inspect screen specs and specs.
- User Agent Parser: Parse User Agent strings.
- HTML WYSIWYG Editor: Edit HTML visually.
Frequently Asked Questions
Why is e.keyCode deprecated in JavaScript?
Modern web standards recommend using e.key or e.code instead of numeric e.keyCode.
What is the difference between e.key and e.code?
e.key represents the printed character ("a" or "A"), while e.code represents physical key position ("KeyA").
Does it support modifier keys like Ctrl and Command?
Yes, modifier statuses are highlighted in real time.
Is it free?
Yes, 100% free.
What is the main function of Keycode Info?
Press any key to inspect JavaScript KeyboardEvent parameters: e.key, e.code, e.keyCode, location, and modifier keys. This tool processes keycode info data 100% locally inside your web browser.