无需登录 数据私有 本地保存

按键代码查看器 - JavaScript KeyCode在线检测

开发工具 检测工具 KeyCode 按键 检测
77
0
0
0
使用按键代码查看器非常简单直观，以下是详细的操作步骤和使用技巧。首先，在浏览器中访问按键代码查看器的页面地址，等待页面完全加载。页面加载完成后，您会看到一个简洁的界面，顶部是实时属性显示区域，中间是历史记录列表，底部是常用按键对照表。开始使用时，请确保页面处于激活状态，您可以先点击一下页面中的任意位置来获取焦点。接下来，按下键盘上的任意一个按键，您会看到实时属性显示区域立即更新，同时展示该按键的「key」「keyCode」「code」「which」「location」五个属性的值。每个属性值旁边都有清晰的标签说明，让您一目了然地掌握该按键的全部信息。如果您想查看某个特殊按键的属性值，例如 F12、PrintScreen、Escape 等，直接按下对应的键即可，工具会准确捕获并显示所有属性。按下按键后，该次按键的完整信息会自动添加到下方的历史记录列表中，每条记录前面带有时间戳，方便您回溯查看。您可以连续按下多个不同的按键，历史记录会逐条追加显示，非常适合在调试过程中连续测试多个按键的属性值。如果您需要测试左右修饰键的区别，可以分别按下键盘左侧和右侧的 Shift、Ctrl、Alt 键，您会看到「location」属性值会有所不同——左侧修饰键的 location 值为 1，右侧修饰键的 location 值为 2，同时「code」属性也会区分显示为「ShiftLeft」和「ShiftRight」等。对于需要长期参考按键编码的开发者，可以直接向下滚动到常用按键对照表区域。对照表按照按键类型分为多个类别，您可以快速定位到需要查阅的按键类型，查看其完整的属性对照信息，这在编写跨浏览器兼容的键盘事件处理代码时尤其有用。当历史记录列表积累了较多条目时，您可以点击「清空历史」按钮来清除所有历史记录，重新开始新的调试会话。此外，建议您在调试键盘事件代码时，同时打开浏览器的开发者工具控制台（按 F12 打开），在控制台中编写测试代码，配合本工具显示的按键属性值，可以快速验证键盘事件处理逻辑是否正确，极大提高调试效率。
🔧 相关工具