按键码查询

按下任意键查看 key、code、修饰键等,适合快捷键开发与游戏输入调试。

阅读完整指南: User-Agent 解析与设备检测实战指南 →

隐私提示:本地解析,不上传服务器。

↓ 在下方输入区粘贴内容,结果会立即显示

按下任意键…

等待按键

注释说明

说明

监听 window keydown 事件。keyCode/which 为遗留属性,新代码请优先使用 code 与 key。

按下任意键查看 key、code、修饰键等,适合快捷键开发与游戏输入调试。

快速开始

  1. 聚焦区域

    点击虚线框确保页面接收按键。

  2. 按键

    下方卡片实时更新属性。

code vs key

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

FAQ

为什么阻止默认行为?

避免部分浏览器快捷键干扰演示; 仅在本工具页内生效。

为什么我的按键没有显示?

某些系统级快捷键(如Win/Cmd键)可能被操作系统拦截。尝试在浏览器全屏模式下测试,或改用普通键。如果是蓝牙键盘,检查连接状态。部分老旧浏览器可能不支持KeyboardEvent API。