What's the difference between 'key' and 'code'?

'key' represents the logical value of the key pressed (e.g., 'A', 'Enter', 'Shift'), which changes with modifier keys like Shift. 'code' represents the physical key position (e.g., 'KeyA', 'ShiftLeft'), which stays the same regardless of modifiers.

Why is keyCode deprecated?

keyCode and which are legacy properties from older browser APIs. Modern code should use 'key' for the character/action or 'code' for the physical key position. They're still shown here for debugging legacy code.

What does 'location' mean?

The 'location' property indicates where the key is on the keyboard: 0 = Standard, 1 = Left modifier (e.g., Left Shift), 2 = Right modifier (e.g., Right Shift), 3 = Numpad. This helps distinguish between left/right modifier keys.

Why won't some key combinations work?

Some browser-level shortcuts (like Ctrl+W or Cmd+T) are intercepted by the browser before reaching JavaScript. The capture area can't detect these system-level shortcuts.

Yes, completely free. It uses the browser's built-in keyboard event API — no server or external library needed.

键码查看器

按任意键查看JavaScript键盘事件属性：key、code、keyCode、which、location及修饰键状态。

⌨️

点击此处并按任意键

此区域将捕获键盘事件

常用特殊键

EnterTabSpaceBackspaceEscapeArrowUpArrowDownArrowLeftArrowRight

在上方捕获区域按这些键来查看其代码

使用方法

按任意键查看JavaScript键盘事件属性：key、code、keyCode、which、location及修饰键状态。

1Click the capture area to focus it.
2Press any key on your keyboard.
3See all keyboard event properties instantly: key, code, keyCode, which, location, and modifier states.
4Click 'Copy' next to any value to copy it to your clipboard.
5Check the 'Recent Keys' history to compare multiple key presses.

主要功能

Shows key, code, keyCode, which, charCode, location in real time
Displays modifier key states: Ctrl, Shift, Alt, Meta
Recent key history for easy comparison
One-click copy for each property value
Works entirely in the browser — no server needed

常见问题

了解更多

JavaScript Keyboard Events Guide: key, code, keyCode and More