键盘按键测试

在页面上按下键盘任意按键,即可实时查看该键的 key、code、keyCode、location 以及 Ctrl / Alt / Shift / Meta 修饰键状态,并在下方 QWERTY 键盘图中高亮对应的按键。全部检测在浏览器本地完成,不会上传。

当前按键 等待按键
— 按下任意键开始测试
累计按键0
当前 code—
修饰键—
key—
keyCode—
location—
Ctrl Alt Shift Meta

keyCode 为旧版属性,部分浏览器对相同物理键可能给出不同值;建议以 code 为准。

键盘高亮

高亮区域为 QWERTY 主键区,包含修饰键、空格与常用控制键;同时按住多个键时会一并高亮。

按键历史
按键记录将显示在这里,最多保留 20 条。

记录按时间倒序显示,最新的按键在最上方。

检测规则
  • 按键事件通过 document 上的 keydown 与 keyup 监听。
  • code 表示物理按键位置,key 表示当前产生的字符(受 Shift 等影响)。
  • keyCode 为已弃用属性,此处仅作参考。
  • location:0 主键盘区、1 左侧修饰键、2 右侧修饰键、3 数字小键盘。
  • 为避免影响页面操作,焦点位于输入框、按钮等元素时不拦截默认行为。
  • 历史最多保留 20 条,长按产生的重复事件不计入历史。