工具哇!

按键键码查询

按下任意键,即时查看 KeyboardEvent 的 key、code、keyCode、which、位置、修饰键与 Unicode,并附完整按键码对照表

按键键码查询
按下任意键,即可查看该按键的 JavaScript 键盘事件(key / code / keyCode / which / 位置 / 修饰键 / Unicode)。

按下任意键,立即查看它的 JavaScript 键盘事件信息

按键码对照表

本表基于美式标准 101 键盘,实际数值可能因硬件而略有差异。共 0 项。

Key CodeKeyCodeUnicodeDescription
使用说明

按键键码查询

按下键盘上的任意键,立即查看该按键在 JavaScript 中触发的 KeyboardEvent 事件的全部信息,方便前端开发调试、了解按键编码。

功能介绍

  • 实时显示:按下任意键,立刻展示该按键的 event.keyevent.codeevent.keyCodeevent.whichevent.location 等核心字段。
  • 修饰键状态:⌘、⇧、⌥、^ 四个符号会随你按下的 Ctrl / Shift / Alt / Meta(Win / Command)键实时亮起。
  • 按键描述与 Unicode:显示该按键的常见中文说明,以及对应的 Unicode 字符(如空格 ␣、回车 ↵)。
  • 相似按键:列出 keyCode 数值上相邻的按键,点击即可快速切换查看。
  • 事件转储:以 JSON 形式完整输出本次键盘事件对象,可直接复制用于开发。
  • 按键历史:自动记录本次会话中按下的所有按键,点击历史条目可重新查看。
  • 按键码对照表:内置完整按键码列表(Key Code / Key / Code / Unicode / 描述),支持关键词搜索过滤。
  • 触屏支持:手机 / 平板等无实体键盘设备,可点击输入框用屏幕键盘输入查看。

使用方法

  1. 用鼠标点击页面任意位置,确保页面获得焦点。
  2. 直接按下你想查询的键(字母、数字、功能键、方向键、修饰键等均可)。
  3. 页面会显示该按键的大号 keyCode,以及下方一排详细信息卡片。
  4. 想查看其它按键,直接继续按键即可;点击「相似按键」或「历史」中的条目也能快速回看。
  5. 需要查某类按键时,在底部「按键码对照表」的搜索框输入 keyCode、键名或描述即可筛选。

注意事项

  • 在输入框(搜索框、触屏输入框)中按键不会拦截浏览器默认行为,可正常输入。
  • event.keyCodeevent.which 已在现代浏览器中废弃,建议开发中使用 event.keyevent.code
  • 触屏设备的按键码由输入字符推断,结果可能与实体键盘略有差异。
  • 本工具对照表基于美式标准 101 键盘,个别按键的数值可能因硬件布局而略有不同。