长风破浪会有时,直挂云帆济沧海。 —— 李白《行路难》
键盘按键查询
按下任意键,实时查看 Key、Code、KeyCode 与修饰键状态
监听未开启
请按下任意键
支持字母、数字、方向键、功能键、组合键;点击页面后直接按键即可查询
JavaScript 键盘事件 key code which 区别
`event.key` 返回按键的输入含义(如 "a""Enter""ArrowUp"),是现代开发中推荐的首选属性;`event.code` 返回物理键位标识(如 "KeyA""Enter""ArrowUp"),不受键盘布局影响;`keyCode` 和 `which` 是旧版属性,已逐步被废弃但仍广泛存在于旧项目中。按下任意键即可在页面中看到四种属性的对比。
字段说明
`event.key` 表示输入含义,`event.code` 表示物理键位,`keyCode/which` 是旧版兼容字段,新项目建议优先使用 `key` 和 `code`。
延伸使用
常见问题
JavaScript 键盘事件中 key、code、keyCode 和 which 有什么区别?
event.key 返回按键的输入含义(如 "a""Enter""ArrowUp"),是现代开发中推荐的首选属性;event.code 返回物理键位标识(如 "KeyA""Enter""ArrowUp"),不受键盘布局和输入法影响;keyCode 和 which 是旧版属性已逐步被废弃,但仍广泛存在于旧项目和兼容代码中。
按键查询和按键测试有什么区别?
按键查询侧重单次按键后查看完整的 Key/Code/KeyCode/which/location/修饰键字段,适合前端开发者调试键盘事件取值;按键测试工具侧重实时监听全部按键状态和 keydown/keyup 历史记录,适合检测按键是否失灵和组合键调试。
按键查询支持哪些按键类型?
支持字母键、数字键、方向键、功能键(F1-F12)、修饰键(Ctrl/Shift/Alt/Meta)、数字小键盘和媒体控制键等几乎所有标准键盘按键。按下任意键即可在页面中看到完整的字段对比。