key / code / keyCode · 原始事件快照 · 本地调试

键盘按键信息

在线查看键盘按下时的 key、code、keyCode 和修饰键状态，适合前端联调、快捷键排查和事件测试，所有检测都在浏览器本地完成。

开始使用返回AI工具

原始字段一页看全

按键后可直接看到 key、code、keyCode、which、location 和修饰键状态。

适合快捷键联调

前端开发时常需要确认浏览器到底给了什么字段，这页能直接把原始结果摊开。

结果可复制成 JSON

适合把键盘事件快照直接发给研发、测试或写进问题单。

键盘事件本地调试

查看 key、code、keyCode 和修饰键状态

适合快捷键联调、浏览器兼容性排查和前端事件测试。所有键盘信息都只在当前浏览器读取和展示，不会上传服务器。

key

code

keyCode

事件类型

怎么用键盘按键信息

先按一次目标键

页面会立即读取当前浏览器收到的原始键盘事件。

核对 key / code / keyCode

重点看实际返回值是否符合你页面里写的快捷键判断逻辑。

复制 JSON 留档

如果要跨浏览器、跨系统复现问题，可以直接把当前快照复制出去。

功能说明

这个工具解决什么问题

键盘按键信息适合什么场景

适合前端快捷键开发、富文本编辑器联调、输入法兼容性排查和浏览器键盘事件对照。

如果你发现同一个键在不同环境下行为不一致，这类工具能先把字段差异拿出来。

为什么 code 和 key 要一起看

`code` 更偏物理键位，`key` 更偏当前输入结果，两者并不总是一样。

做国际化键盘、快捷键和输入法兼容时，只看其中一个字段很容易误判。

常见问题

关于键盘按键信息，用户常问这些

键盘按键信息会上传事件内容吗？

不会。当前版本默认在浏览器本地读取和展示键盘事件。

为什么还要看 which 和 keyCode？

虽然它们已经比较旧，但排查老项目或旧逻辑兼容时仍然经常会用到。

这个工具能看组合键吗？

可以，会同步显示 ctrlKey、shiftKey、altKey 和 metaKey 状态。

适合测试输入法吗？

可以做基础观察，尤其是 `isComposing` 字段；但复杂输入法行为还需要结合真实业务输入框一起测。

键盘按键 信息