键盘测试

按下实体键,查看浏览器实际收到的键盘事件。

本工具在本地显示 KeyboardEvent 数据。key 随当前布局变化,code 通常表示实体按键位置。

本工具在本地显示 KeyboardEvent 数据。key 随当前布局变化,code 通常表示实体按键位置。

最近一次键盘事件

等待输入
事件
按键
代码
位置
重复
输入法组合
活动修饰键与锁定状态

当前按住的键

0

按键会保留到收到对应的 keyup。页面失去焦点时会清除按住状态。

已测试的不同按键或代码 0

实体按键位置图

启动捕获后按实体键盘。图示为通用 PC 参考布局,可能与键帽文字不一致。

捕获已关闭

捕获期间按 Escape,可记录该键并退出捕获模式。

工具功能

键盘测试显示浏览器在按下和释放时报告的 KeyboardEvent 值。

它区分随布局变化的 key 与表示实体位置的 code,并跟踪同时按住的键。

使用方法

  1. 选择“开始捕获按键”或点击键盘区域。
  2. 保持捕获区域获得焦点,并按下、释放要测试的实体键。
  3. 比较按键、代码、位置、重复、输入法组合和修饰键信息。
  4. 按 Escape 退出,或在下一轮测试前重置。

实际用途

  • 检查单个按键是否产生浏览器事件。
  • 比较左右修饰键以及主键区和数字键盘的差异。
  • 在 Web 开发中检查键盘布局、死键和输入法行为。
  • 观察同时按键事件,作为浏览器层面的实用多键输入检查。

注意事项与限制

  • 只能显示页面收到的事件;浏览器或操作系统可能先截获快捷键和媒体键。
  • key 表示当前布局解释出的字符或操作,code 通常表示实体按键位置。
  • 输入法、死键和组合输入可能修改或抑制事件;虚拟键盘可能不提供完整 code。
  • 缺少 keyup 也可能由焦点丢失造成,因此不能据此证明实体按键故障。

常见问题

key 和 code 有什么区别?

key 反映当前布局产生的字符或操作;code 通常标识实体按键位置。

为什么某个键或快捷键没有显示?

浏览器、操作系统、固件或其他程序可能在事件到达页面前将其截获。

能确认实体按键卡住吗?

不能。工具可显示有 keydown 而无 keyup,但焦点丢失也会造成相同现象。

这是确定的全键无冲测试吗?

不是。它显示浏览器和系统交付的同时事件,适合比较,但不是认证硬件测量。

按键数据会上传吗?

不会。事件值和测试状态仅在浏览器中处理。