Keyboard Key Code Info
Real-time keyboard event detector showing keyCode, key, code, and more.
Please press any key on your keyboard
About Key Codes
event.key: Represents the character value produced by the key. This is the recommended property in modern browsers.
event.code: Represents the physical location of the key. For example, Left Shift and Right Shift have different codes.
event.keyCode / event.which: Represents the numeric code of the key. Although deprecated in web standards, it is still widely used in many legacy codebases.
About This Tool
Keycode Info is an online keyboard event debugging tool designed for frontend developers. Press any key to instantly capture and view comprehensive event object details, including event.key, event.code, event.keyCode (deprecated), event.which, and event.location. It also detects modifiers like Ctrl, Shift, Alt, and Meta, and maintains a history of recent keystrokes. This tool is perfect for looking up key codes and resolving compatibility issues in hotkey implementation.
Features
- ⌨️ Real-time Capture: Instant display of key details upon press
- 🔍 Comprehensive Data: Includes key, code, keyCode, which, location
- ✨ Modifier Support: Accurate detection of Ctrl, Shift, Alt, Meta
- 📜 History Log: Automatically tracks the last 10 keystrokes
- 🎨 Visual Feedback: Clear, large display of the core KeyCode
- 📱 Responsive: Optimized for all screen sizes