按键码信息
按下一个键以查看浏览器事件详情，包含开发者用于理解键盘输入的现代 key 和 code 值，以及旧式数字代码。
键盘事件检查器
按下一个按键
点击面板使其获得焦点，然后按任意键。页面只读取事件，不会提交或存储。
等待按键…
将焦点放在面板上并按下按键。
- 按键（key）
- —
- 物理按键代码（code）
- —
- 旧版 keyCode
- —
- 旧版 which
- —
- 旧版 charCode
- —
- 按键位置
- —
- 是否重复
- —
- 修饰键
- —
使用步骤
如何使用
- 聚焦事件区域并按任意键，包括修饰键、功能键、方向键或可打印字符键。
- 读取捕获到的 key、code、数字代码、位置、重复状态和修饰键标志。
- 在键盘处理程序中使用这些值；再按一个键即可替换当前结果。
key 和 code 回答不同问题
event.key 表示应用键盘布局和修饰键之后的值或操作，例如 A 或 ?。event.code 表示物理按键位置，例如 KeyA 或 Slash，通常不随键盘布局改变。文本或命令使用 key，物理快捷键使用 code。
为兼容性提供旧式数字值
keyCode、which 和 charCode 是已弃用的浏览器属性。此页面仍显示它们，因为旧应用和调试场景还会遇到这些属性；新代码应优先使用 key、code 和修饰键属性。
按键捕获留在此浏览器
只有事件面板获得焦点时，页面才会监听按键。它不会记录密码、向服务器发送按键或保留历史记录。浏览器或操作系统快捷键可能会在页面接收到事件前被处理。
常见问题
你可能还想知道
key 和 code 有什么区别？
key 是产生的字符或命名操作，code 是物理键盘位置。例如 Shift + A 会报告 key A 和 code KeyA。
新 JavaScript 应使用 keyCode 吗？
不应使用。keyCode、which 和 charCode 已弃用。优先使用 key、code 和修饰键属性；只有检查旧行为时才使用数字字段。
为什么没有显示某个快捷键？
浏览器、操作系统或辅助技术的快捷键可能在页面收到按键事件前就已处理。请聚焦事件面板，并尝试非浏览器保留按键。