⌨️ 键盘事件测试

在线键盘事件测试工具,实时显示按键信息、修饰键状态和键盘事件日志,帮助开发者调试快捷键和键盘交互。 | 无需注册 · 数据绝不上传服务器

零依赖·可离线使用
按下任意键
Ctrl
Alt
Shift
Meta
event.key
-
event.code
-
event.type
-
event.repeat
-
类型keycode修饰键

什么是键盘事件测试工具?

键盘事件测试工具是一个开发辅助工具,用于实时捕获和显示键盘事件详情。当开发者按下键盘按键时,工具会立即显示event.key、event.code、事件类型、修饰键状态以及按键重复信息。所有数据来自浏览器原生KeyboardEvent API。

键盘事件测试工具的用途

对于前端开发者来说,理解键盘事件是构建无障碍Web应用的关键。本工具可以帮助您:调试键盘快捷键实现、测试不同键盘布局下的按键行为、验证event.key和event.code的差异、分析修饰键组合的触发逻辑。

KeyboardEvent API简介

KeyboardEvent是DOM事件接口,用于描述键盘交互。包含keydown(按下)和keyup(释放)两种主要事件类型。常用属性包括key(按键值)、code(物理键位)、ctrlKey/altKey/shiftKey/metaKey(修饰键状态)和repeat(按键重复)。

常见问题

这个工具可以做什么?

实时显示键盘按键信息,包括event.key、event.code、事件类型(keydown/keyup)、修饰键状态(Ctrl/Alt/Shift/Meta)和按键重复状态。

如何测试快捷键?

同时按下修饰键和其他按键,工具会实时显示所有按下的修饰键状态和组合键信息。

event.key和event.code有什么区别?

event.key返回按键的字符值(如"a"、"Enter"),event.code返回按键的物理位置(如"KeyA"、"Enter"),不随键盘布局改变。

日志可以保留多少条?

最多保留50条最近的键盘事件记录,你可以随时点击"清空日志"清除历史记录。

为什么有些按键不显示?

工具默认不捕获输入框中的按键事件以避免干扰输入。直接点击页面空白区域即可激活按键监听。

键盘事件测试 | 无需注册 · 数据绝不上传服务器

问题反馈: dexshuang@google.com