按键码 Keycode 查询

← ToolBox / 按键码 Keycode 查询

📚 Key Code Keycode Query

Look up keyboard key codes (key, code, keyCode) in your browser — handy for event handlers.

📐 工作原理与说明
监听全局按键按下事件：按键名为空格时按 Space 展示，为制表符时按 Tab 展示，其余取按键名本身。分别展示按键名、物理键位编码、原始按键值与传统键码（已废弃）。修饰键状态按 Ctrl、Shift、Alt、Meta 的顺序收集并以加号连接，一个都没有时显示无。若事件来源是按钮则不拦截默认行为，其余情况阻止默认行为
查询键盘按键的编码标识。
  • 三套标识：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 不同。

Formula & Standard References

Item Formula / Note Source / Standard
Key code model KeyboardEvent exposes code for the physical key and key for its meaning W3C UI Events
Deprecated fields keyCode and charCode are deprecated W3C UI Events
Modifiers ctrlKey, shiftKey, altKey and metaKey flags W3C UI Events

🔗 相关工具

📄 .properties 解析器Java .properties 文件解析：支持 key=value、key:value、行内注释… 💻 AST抽象语法树查看器AST 抽象语法树查看器 🔤 Base64 文件转换文件与 Base64 互转：图片/文档/压缩包转 Base64 字符串（含 data URI 前缀… ✨ Basic Auth 生成器一键生成 HTTP Basic 认证所需的 Authorization 头与 URL 形式：用户名… #️⃣ Bcrypt 哈希/校验Bcrypt 在线哈希与校验工具，前端本地对密码执行 Bcrypt 加盐哈希（可设成本因子），或校…

🔗 相关工具

✨ .gitignore 生成器.gitignore 生成器是一款免费的在线IT 开发工具，生成后保存为项目根目录的 .gitign 📄 .properties 解析器Java .properties 文件解析：支持 key=value、key:value、行内注释、 ✨ API 签名生成器生成带时间戳与随机数的接口签名 ✨ ASCII 目录树生成器把路径列表一键生成 ASCII 目录树（├── └── │ 风格），支持文件/文件夹标记，复制进 R 💻 AST抽象语法树查看器在线 AST 查看器，用 acorn 解析 JavaScript 源码为抽象语法树并可视化展开节点， 🔤 Base64 文件转换文件与 Base64 互转：图片/文档/压缩包转 Base64 字符串（含 data URI 前缀选

📊 结果解读

结果含义

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

用途

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

注意

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