按键码 Keycode 查询

← ToolBox / 按键码 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
Enter13Space32
Backspace8Tab9
Escape27Delete46
ArrowUp38ArrowDown40
ArrowLeft37ArrowRight39
0-948-57A-Z65-90
F1-F12112-123Shift/Ctrl/Alt16/17/18

📚 深度解析：按键码 Keycode 查询

💡 常见使用场景

查
回车 Enter → key="Enter"、code="Enter"、keyCode=13。

❓ 常见问题（FAQ）

keyCode 弃用了吗？
是，建议用 code/key。
为什么在不同键盘上结果不一样？
因为 keyCode 反映的是按键产生的字符码，会受布局、输入法与修饰键影响；code 反映的是物理键位（如 KeyQ 永远是 Q 那个位置）。做游戏或全局快捷键应用 code，做文本输入判断用 key。另外 Mac 上 meta 与 ctrl 的语义与 Windows 不同。

🔗 相关工具

📄 .properties 解析器.properties 解析器 💻 AST抽象语法树查看器AST 抽象语法树查看器 🔤 Base64 文件转换Base64 文件转换 ✨ Basic Auth 生成器Basic Auth 生成器 #️⃣ Bcrypt 哈希/校验Bcrypt 哈希/校验

📊 结果解读

结果含义

按键码查询返回按键对应的 event.key（字符）、event.code（物理键位）与旧式 keyCode 值，用于键盘事件调试。

用途

前端监听 keydown/keyup 时核对按键标识；注意 keyCode 已废弃，新代码优先用 code/key。

注意

不同键盘布局/输入法下 key 值可能变化；code 反映物理位置更稳定。