按下任意键
Ctrl
Alt
Shift
Meta
event.key
-
event.code
-
event.type
-
event.repeat
-
| 类型 | key | code | 修饰键 |
|---|
在线键盘事件测试工具,实时显示按键信息、修饰键状态和键盘事件日志,帮助开发者调试快捷键和键盘交互。 | 无需注册 · 数据绝不上传服务器
零依赖·可离线使用| 类型 | key | code | 修饰键 |
|---|
键盘事件测试工具是一个开发辅助工具,用于实时捕获和显示键盘事件详情。当开发者按下键盘按键时,工具会立即显示event.key、event.code、事件类型、修饰键状态以及按键重复信息。所有数据来自浏览器原生KeyboardEvent API。
对于前端开发者来说,理解键盘事件是构建无障碍Web应用的关键。本工具可以帮助您:调试键盘快捷键实现、测试不同键盘布局下的按键行为、验证event.key和event.code的差异、分析修饰键组合的触发逻辑。
KeyboardEvent是DOM事件接口,用于描述键盘交互。包含keydown(按下)和keyup(释放)两种主要事件类型。常用属性包括key(按键值)、code(物理键位)、ctrlKey/altKey/shiftKey/metaKey(修饰键状态)和repeat(按键重复)。
实时显示键盘按键信息,包括event.key、event.code、事件类型(keydown/keyup)、修饰键状态(Ctrl/Alt/Shift/Meta)和按键重复状态。
同时按下修饰键和其他按键,工具会实时显示所有按下的修饰键状态和组合键信息。
event.key返回按键的字符值(如"a"、"Enter"),event.code返回按键的物理位置(如"KeyA"、"Enter"),不随键盘布局改变。
最多保留50条最近的键盘事件记录,你可以随时点击"清空日志"清除历史记录。
工具默认不捕获输入框中的按键事件以避免干扰输入。直接点击页面空白区域即可激活按键监听。