键盘按键检测工具

工具简介

一个在线键盘按键检测工具，按下键盘任意键即可查看 key、code、keyCode 等 JavaScript 键盘事件属性。支持修饰键组合检测（Ctrl、Alt、Shift、Meta），自动保存按键历史记录。适合前端开发调试快捷键，也适合测试键盘是否正常。

功能说明

实时检测：按下键盘任意键，实时显示 event.key（按键值）、event.code（物理位置代码）和 event.location（按键位置）。

修饰键组合：自动识别 Ctrl、Alt、Shift、Meta 修饰键，显示完整的组合按键信息。

历史记录：自动保存最近 50 条按键记录，点击历史项可回顾之前的按键详情。数据存储在浏览器本地。

废弃属性：可选择显示 event.keyCode 和 event.which 等已废弃的属性，方便维护老旧代码。

一键复制：每个属性值旁边都有复制按钮，点击即可复制到剪贴板。

使用方法

1. 打开页面，工具默认处于监听状态。
2. 按任意键盘按键，主区域会显示按键值和详细属性。
3. 点击”暂停”按钮可停止监听，再次点击恢复。
4. 右侧历史记录区会保存每次按键，点击可查看详情。
5. 需要查看 keyCode/which 等废弃属性时，点击”显示废弃属性”。

隐私说明

所有数据处理都在浏览器中完成，不会上传到服务器。历史记录仅保存在浏览器本地，无需注册登录，不存储任何用户数据。

常见问题

key、code、keyCode 有什么区别？

• event.key：按键的实际字符值，如按下 A 键返回 “a”，受 Shift 和 CapsLock 影响。
• event.code：按键在键盘上的物理位置，如左侧 Shift 返回 “ShiftLeft”，与布局无关。
• event.keyCode：已废弃的数字代码，不推荐在新代码中使用。

为什么 keyCode 和 which 被标记为废弃？ 这两个属性已被 W3C 标准废弃，推荐使用 event.key 和 event.code 替代。不同浏览器的实现可能有差异，新项目应避免使用。

为什么在输入框中按键不会触发检测？ 为防止干扰正常输入，在 input/textarea 元素中按键时工具不会拦截，用户可以正常输入。切换到非输入区域即可检测按键。

支持哪些按键？ 支持所有标准键盘按键，包括字母、数字、符号、功能键（F1-F12）、方向键、修饰键、数字键盘等。

为什么选择这个工具？