JavaScript Keycode Finder

Press any key to instantly see its JavaScript event properties — keyCode, key, code, which, location, and modifier states (Shift, Ctrl, Alt, Meta). Essential for building keyboard shortcuts and debugging keydown/keyup events.

Keycode Info: Press any key on your keyboard to instantly see its keyCode, event.key, event.code, and modifier state (Shift, Ctrl, Alt, Meta). Useful for building keyboard shortcuts and handling key events in JavaScript.

—

Press the key on your keyboard you want to get info about this key

Press any key to see javascript keycode, code, location and modifiers

Key Takeaways

Shows keyCode, event.key, event.code, and which for any keypress
event.key returns the character value, event.code returns the physical key
keyCode is deprecated — use event.key or event.code in new projects
Detects modifier keys: Shift, Control, Alt, and Meta (Cmd/Win)
Essential reference for building keyboard shortcut handlers

What is Keycode Info?

Keycode Info — A Keycode Info Tool is a free tool that displays the JavaScript keyCode, key, code, and event properties for any key you press on your keyboard.

Find JavaScript key codes instantly by pressing any key on your keyboard. This tool displays all keyboard event properties in real time — keyCode (deprecated but still used), key (modern standard), code (physical key location), which, location, and modifier states (Shift, Ctrl, Alt, Meta). Essential for building keyboard shortcuts, game controls, accessibility features, and form input handlers. Works with all keyboard layouts and special keys including function keys, arrow keys, and numpad.

How to Use Keycode Info

1
Focus the capture area in the tool.
2
Press any key or key combination.
3
Review key, code, keyCode, location, and modifiers.
4
Copy values into your event-handling logic.

Key Features

Live keyboard event inspection

Key and physical code visibility

Legacy keyCode reference support

Modifier key state display

Fast shortcut-debug workflow

Use Cases

Keyboard shortcut implementation

Form interaction debugging

Cross-browser input checks

Accessibility and hotkey QA

About Keycode Info

Key event tooling works best when it clearly separates character output from physical key position. This page focuses on that distinction with quick, readable event values.

It is useful when migrating from legacy keyCode checks to modern key/code handling while keeping backward compatibility.

Frequently Asked Questions

What is the difference between key and code?: key reflects the produced character or action, while code maps to the physical key position.
Is keyCode still valid to use?: It is legacy and deprecated, but some older codebases still rely on it.
Can I test modifier combinations?: Yes. You can inspect Shift, Ctrl, Alt, and Meta state for any keypress.
Why does the same key behave differently on layouts?: Keyboard layouts can change key output, so checking both key and code helps avoid logic errors.
Is this useful for shortcut QA?: Yes. It is commonly used to validate custom hotkeys before release.

Loading your tools...

Frequently Asked Questions

What is the difference between key and code?

key reflects the produced character or action, while code maps to the physical key position.

Is keyCode still valid to use?

It is legacy and deprecated, but some older codebases still rely on it.

Can I test modifier combinations?

Yes. You can inspect Shift, Ctrl, Alt, and Meta state for any keypress.

Why does the same key behave differently on layouts?

Keyboard layouts can change key output, so checking both key and code helps avoid logic errors.

Is this useful for shortcut QA?

Yes. It is commonly used to validate custom hotkeys before release.

Tools

Finance

AI

Media

Marketing

More

JavaScript Keycode Finder

Key Takeaways

What is Keycode Info?

How to Use Keycode Info

Key Features

Use Cases

About Keycode Info

Frequently Asked Questions

JavaScript Keycode Finder

Key Takeaways

What is Keycode Info?

How to Use Keycode Info

Key Features

Use Cases

About Keycode Info

Frequently Asked Questions