KeyCode Info Viewer — JavaScript Keyboard Event Visualizer
Discover how keys are interpreted by JavaScript. View keyCode, code, physical layout location, and modifier status in real-time. Includes regional keyboard visualization.
| Property | Value |
|---|---|
Key | |
Code | |
KeyCode | |
Location | |
Ctrl | |
Shift | |
Alt | |
Meta |
Similar Tools
Similar Tools
Similar Tools
Similar Tools
Similar Tools
JWT Debugger & Generator
Inspect, decode, and validate JWT (JSON Web Token) strings instantly. Supports HS256 signature verification, live token decoding, and token generation — all in your browser.
Code Line Counter
Count lines of code to estimate complexity or size.
Hash Generator
Generate cryptographic hash digests using MD5, SHA-1, SHA-256, SHA-512, SHA3-256, SHA3-512, and RIPEMD160. Includes HMAC support with secret key. Everything runs securely in your browser.
Slug Generator
Generate clean, URL-safe slugs from any text. Convert blog titles or product names into lowercase, hyphenated, punctuation-free strings for better SEO and readability. Customize separator and letter casing. All done securely in your browser.
SVG to React Component
Paste or upload your SVG files and instantly convert them into customizable React components. Choose between class or functional components, set export type, and auto-bind props like size and color. Clean JSX output ready for copy-paste.
CSS Cursor Viewer
Explore and preview all available CSS cursor types like pointer, grab, zoom-in, wait, and more. Instantly copy the CSS cursor code with one click. Perfect for frontend developers and UI designers.
Inspect Key Codes and Keyboard Events in Real Time
This tool lets you press any key and instantly view JavaScript event data such as key, code, keyCode, and location. It also tracks modifier keys like Ctrl, Shift, Alt, and Meta.
Visual Keyboard with Layout Switching
Explore a full virtual keyboard with accurate regional layouts: US ANSI, UK ISO, and EU ISO. The layout dynamically highlights the key you press, giving clear feedback for each key event.
Custom Keyboard Size Options
- Letters Only: Minimal alphabet row view
- Tenkeyless (TKL): Full layout minus numpad
- Full Size: Includes full number pad with math keys
Great for replicating actual device keyboard configurations and testing responsive shortcuts.
Use Cases
- 🎯 Debug key handling in JavaScript apps
- ⌨️ Test shortcuts and key combinations
- 📐 Identify keyboard layouts and differences
- 🔐 Validate accessibility key support
Pro Tip
Use this tool while building keyboard-controlled components (e.g. sliders, modals, editors) to ensure all keys are handled correctly — across devices and layouts.
Frequently Asked Questions (FAQs)
Why Use ToolMateX
Tired of bloated tool websites with 10 ads per click? This platform is built for speed, simplicity, and reliability. Whether you're debugging JSON or testing colors, we’ve got your back.
Free to Use, Forever
All tools run right in your browser, fast, reliable, and available whenever you need them. No ads, and nothing to install.
Works Offline (Most of Them)
Most of my tools work directly in your browser without needing a server. Perfect for fast workflows (even if you’re offline).
Made by a 1-Person Team
Made by someone who actually uses these tools daily. It’s fast, clean, and made with your workflow in mind, not corporate KPIs.