快速开始
-
聚焦区域
点击虚线框确保页面接收按键。
-
按键
下方卡片实时更新属性。
↓ 在下方输入区粘贴内容,结果会立即显示
按下任意键…
等待按键
监听 window keydown 事件。keyCode/which 为遗留属性,新代码请优先使用 code 与 key。
按下任意键查看 key、code、修饰键等,适合快捷键开发与游戏输入调试。
聚焦区域
点击虚线框确保页面接收按键。
按键
下方卡片实时更新属性。
code 表示物理键位; key 为输入字符,受布局影响。
按下任意键即可显示 key、code、keyCode、which 及修饰键状态,帮助理解浏览器键盘事件差异。
开发快捷键组件、排查 macOS/Windows 键位差异、编写游戏或无障碍键盘导航测试时使用。
调试快捷键时,先打开页面,按下目标组合键(如Ctrl+S)。工具会显示keyCode、code和key属性,帮助确认浏览器如何解析该按键。对于特殊键(如功能键或媒体键),可快速验证其是否被正确识别。
在游戏开发中,用WASD测试键盘事件响应。注意观察code值(如KeyW)与key值(如w或W)的区别。结合shiftKey等修饰键状态,可精确调试角色移动逻辑,避免大小写或按住Shift导致的意外行为。
Input
Press Enter
Output
key: Enter, code: Enter
避免部分浏览器快捷键干扰演示; 仅在本工具页内生效。
某些系统级快捷键(如Win/Cmd键)可能被操作系统拦截。尝试在浏览器全屏模式下测试,或改用普通键。如果是蓝牙键盘,检查连接状态。部分老旧浏览器可能不支持KeyboardEvent API。