键盘按键码查询工具
在线键盘按键码查询工具，点击指定区域后按下任意键，实时显示该按键的Key值、Code值、KeyCode数值以及Ctrl/Shift/Alt/Meta修饰键的按下状态。
免费在线工具
Loading…
使用说明
- 点击页面中的按键检测区域，使其获得焦点（区域会有边框提示）
- 按下键盘上任意一个键（可同时按住Ctrl/Shift/Alt/Meta等修饰键）
- 下方会立即显示该按键事件的Key、Code、KeyCode及各修饰键状态
- 可反复按下不同按键，每次结果会覆盖显示最新一次按键信息
功能介绍
- 实时捕获键盘按下事件，显示标准的 event.key（按键字符含义）
- 显示 event.code（物理按键位置标识，不受键盘布局/输入法影响）
- 显示已废弃但仍广泛使用的 event.keyCode 数值编码
- 显示Ctrl、Shift、Alt、Meta（Win/Cmd键）四个修饰键的按下状态
- 阻止按键的默认行为，避免触发浏览器快捷键等副作用
使用场景
前端开发调试键盘事件
开发涉及键盘快捷键的功能时，快速查看不同按键对应的key/code/keyCode具体值，避免猜测或查文档。
排查跨键盘布局的兼容问题
对比不同键盘布局或输入法下同一物理按键的event.code是否保持一致，排查快捷键兼容性问题。
检测键盘按键是否正常响应
怀疑某个按键失灵或触发异常时，通过实际按下查看浏览器是否捕获到对应的键盘事件。
学习键盘事件API
初学者通过实际操作直观理解 key、code、keyCode 三者的区别和修饰键状态的获取方式。
常见问题
Key和Code有什么区别？
Key（event.key）表示按键产生的字符或含义，会受键盘布局和Shift等修饰键影响（如按住Shift+1可能是'!'）；Code（event.code）表示物理按键的位置标识（如'Digit1'），不受键盘布局和修饰键影响，两者用途不同。
为什么还要显示keyCode，它不是已经废弃了吗？
keyCode 确实是W3C已废弃的旧属性，但由于历史原因很多现有代码和第三方库仍在使用它，本工具同时展示以便对照迁移或兼容性排查。
按下按键后页面没有反应怎么办？
需要先点击检测区域使其获得焦点（区域会显示边框提示激活状态），焦点不在该区域时按键事件不会被捕获。
同时按下多个修饰键会怎样显示？
Ctrl、Shift、Alt、Meta四个修饰键状态是独立检测的，同时按下多个修饰键（如Ctrl+Shift）时会一并显示对应状态均为按下。