Focus this field and press keys or shortcuts. The event payload updates on keydown and keyup.

When to use Keycode Info

Use this keyboard event inspector when you need exact browser values:

Debug keyboard shortcuts
Confirm the key, code, and modifier values produced by shortcuts before wiring them into JavaScript handlers.
Compare keydown and keyup
Inspect both event types to verify repeat behavior, composing state, and the order of keyboard interactions.
Document QA reports
Copy the structured event payload into bug reports so developers can reproduce keyboard-specific issues.
Validate accessibility controls
Check that Enter, Space, Escape, arrow keys, and modifier combinations report the values your accessible UI expects.
Test different keyboards
Compare browser output from laptop, external, international, or mobile keyboards without installing software.

Frequently Asked Questions

What does this keycode inspector show?: It shows the JavaScript keyboard event payload for the focused field, including key, code, keyCode, which, location, repeat, composing state, modifiers, selection, and timestamp.
Why are key and code sometimes different?: key describes the character or action produced by the press, while code identifies the physical key position. Keyboard layouts and modifiers can make those values differ.
Is my keyboard input sent to a server?: No. The event inspection runs in your browser. The app does not store or upload captured key data, although production AppDoesIt pages may load standard analytics.
Can I test keyboard shortcuts with modifiers?: Yes. Focus the capture field and hold Shift, Ctrl, Alt, or Meta while pressing another key. Browser-reserved shortcuts may be intercepted before the page receives them.
Why do some mobile keyboards produce limited data?: Mobile and virtual keyboards vary by browser and operating system. Some keys or composition events may expose fewer details than a physical keyboard.