Updated: August 2026 • Verified v1.2

JavaScript Event KeyCodes & Keyboard Event Inspector

Developer ToolsHigh Usage

Local Browser Execution: Your input is processed locally in your browser and is not sent to UTL servers.
KeyboardEvent Dispatcher: Window.addEventListener('keydown', e => inspect(e.key, e.code, e.which))
Was this calculation helpful?

Understanding Your Results

Captures keyboard events in real-time, displays huge interactive keycode badges, breaks down modifiers (Shift, Ctrl, Alt, Cmd), and provides a searchable keycode master table.

Practical Guidance & Next Steps

Modern web development recommends using `event.key` and `event.code` rather than deprecated `event.keyCode`.

What is this?

A developer productivity utility that captures and displays keyboard event properties for JavaScript frontend development.

How does it work?

1. Press any key on your keyboard. 2. Instantly view keycode badges, `event.key`, `event.code`, and modifier flags. 3. Search the reference table or copy JS event snippets in 1 click.

Why use it?

Speeds up implementing keyboard navigation, modal escape handlers, and accessibility hotkeys.

Technical Scope & Calculation Limitations

Captures standard desktop and mobile keyboard events.

Frequently Asked Questions

The keyCode for Enter is `13` (`code: 'Enter'`), and the keyCode for Escape is `27` (`code: 'Escape'`).
Windows Desktop & Widget Options

Want this capability on your Windows desktop?

All Windows widgets
Desktop App
9.8/10

DevToys — Swiss Army Knife for Developers

Free open-source offline desktop app for Windows featuring 30+ formatters, converters, and hash tools.

FreeEasy InstallLow RAM
By Etienne Baudoux (DevToys Team)View Widget
Complementary Utilities

Related Tools for Your Workflow

All Developer Tools tools
HTML5 / React / TypeScriptStatic Utility
HTML5 / React / TypeScriptStatic Utility
HTML5 / React / TypeScriptStatic Utility