按键码 Keycode 查询
⌨️ 按键码 Keycode 查询
📚 Key Code Keycode Query
Look up keyboard key codes (key, code, keyCode) in your browser — handy for event handlers.
📐 工作原理与说明
查询键盘按键的编码标识。
- 三套标识：
event.key（字符或键名）、event.code（物理键位）、keyCode（已废弃的数字）。 - 推荐：新代码应使用 key 与 code；keyCode 已废弃且受键盘布局影响。
- code 示例：KeyA、Digit1、Space、Enter、ArrowUp，不随输入法与布局改变。
- 组合键：配合 shiftKey、ctrlKey、altKey、metaKey 判定。
焦点在页面上时按下任意键即可捕获（无需输入框）
event.key
—
| 属性 | 值 | 说明 |
| event.code | — | 物理按键位置（推荐） |
| event.key | — | 按键字符值 |
| keyCode (废弃) | — | 旧式数字键码，仅兼容用 |
| 修饰键 | — | Ctrl/Shift/Alt/Meta |
📋 常见按键码速查（keyCode）
| 键 | keyCode | 键 | keyCode |
| Enter | 13 | Space | 32 |
| Backspace | 8 | Tab | 9 |
| Escape | 27 | Delete | 46 |
| ArrowUp | 38 | ArrowDown | 40 |
| ArrowLeft | 37 | ArrowRight | 39 |
| 0-9 | 48-57 | A-Z | 65-90 |
| F1-F12 | 112-123 | Shift/Ctrl/Alt | 16/17/18 |
📚 深度解析：按键码 Keycode 查询
💡 常见使用场景
- 查键盘事件的 keyCode/code/key。
- 写快捷键时确认键值：查清 event.code（物理按键）与 event.key（实际字符）的区别，避免在不同键盘布局下失效。
查
回车 Enter → key="Enter"、code="Enter"、keyCode=13。
❓ 常见问题（FAQ）
- keyCode 弃用了吗？
- 是，建议用 code/key。
- 为什么在不同键盘上结果不一样？
- 因为 keyCode 反映的是按键产生的字符码，会受布局、输入法与修饰键影响；code 反映的是物理键位（如 KeyQ 永远是 Q 那个位置）。做游戏或全局快捷键应用 code，做文本输入判断用 key。另外 Mac 上 meta 与 ctrl 的语义与 Windows 不同。
📊 结果解读
结果含义
按键码查询返回按键对应的 event.key（字符）、event.code（物理键位）与旧式 keyCode 值，用于键盘事件调试。
用途
前端监听 keydown/keyup 时核对按键标识；注意 keyCode 已废弃，新代码优先用 code/key。
注意
不同键盘布局/输入法下 key 值可能变化；code 反映物理位置更稳定。