What is the difference between event.key and event.code?

event.key represents the character pressed (e.g., "A" vs "a" if shift is held), while event.code represents the physical key pressed on the keyboard regardless of layout.

Is event.which deprecated?

Yes, event.which and event.keyCode are deprecated in modern JavaScript in favor of event.key, but they are still heavily used in legacy codebases which is why we display them.

Can this tool log passwords?

No. This tool operates entirely client-side. The keystroke history is temporarily stored in your browser memory and is erased as soon as you close or refresh the tab.

Press any key

JavaScript Event Keycode & Key Info Tool

Event History

Waiting for keyboard inputs…

Inputs are processed completely in memory offline. No data is stored or logged.

Related Tools

Explore other helpful utilities in the Developer Tools suite.

Diff Checker JSON Formatter JWT Decoder

How to Use the JavaScript Event Keycode Key Info Tool

Press any key to instantly see its JavaScript keyCode, event.key, event.code, and modifier states. Free, offline developer keyboard info tool.

1
Click anywhere on the screen to ensure the tool has focus.
2
Press any key or combination of keys on your keyboard.
3
Review the generated event data, modifier states, and location properties in real-time.

Why Choose Our JavaScript Event Keycode Key Info?

Live Event Tracking

Instantly view the javascript KeyboardEvent properties as you type, including key, code, and which.

Modifier States

Monitor the exact live state of the Meta, Control, Shift, and Alt modifier keys during every keystroke.

Zero Latency

Because this tool relies exclusively on local browser event listeners, feedback is completely instantaneous.

100% Secure

We do not log your keystrokes. The tool runs locally in your browser memory and never sends data externally.

Frequently Asked Questions

Preparing Workspace...

Client-Side Engine Loading