长风破浪会有时,直挂云帆济沧海。 —— 李白《行路难》

键盘按键查询

按下任意键,实时查看 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`。

延伸使用

开发键盘快捷键时,可先用键盘测试确认按键触发,再用JSON格式化整理事件日志。

常见问题

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)、数字小键盘和媒体控制键等几乎所有标准键盘按键。按下任意键即可在页面中看到完整的字段对比。