What is the difference between keyCode and code?

keyCode is a legacy numeric property that represents the physical key (e.g. 65 for 'A'). The code property is a modern string that identifies the physical key regardless of modifiers (e.g. 'KeyA'). The key property returns the logical character value (e.g. 'a' or 'A' depending on Shift).

Why is keyCode deprecated?

The keyCode, charCode, and which properties are considered legacy because they have inconsistent behavior across browsers and keyboard layouts. Modern code should use the key and code properties from the KeyboardEvent interface.

What does the location value mean?

The location property indicates where the key is on the keyboard: 0 = standard, 1 = left side (left Shift, left Ctrl), 2 = right side, 3 = numpad. This helps distinguish left vs. right modifier keys.

Can I test modifier key combinations?

Yes. The tool shows the ctrlKey, shiftKey, altKey, and metaKey boolean flags for every event, so you can see exactly which modifiers were held when the key was pressed.

Developer 免费无需注册

Keyboard Key Code Tester

Press any key to see its keyCode, key, code, charCode, and more.

正在加载工具…

关于此工具

The Keyboard Key Code Tester captures every key event in your browser and displays full event properties in real time. Press any key — letters, numbers, function keys, modifier keys, arrow keys, or special keys — and instantly see the key name, key code, code string, charCode, which value, Unicode code point, key location, and which modifier flags are active. A scrollable history table keeps the last 20 key presses so you can compare values across multiple keys. This tool is invaluable for JavaScript developers handling keyboard input, accessibility testers, and anyone curious about how browsers represent keyboard events.

使用方法

1 Click inside the key capture area so it has focus.
2 Press any key on your keyboard.
3 Read the key properties displayed in the panel on the right.
4 Check the history table below for the last 20 key presses.
5 Use the Clear History button to reset the table.

关于此工具

使用方法

常见问题