工具介绍
Keycode 键码对照表收录了 92 个常用按键的键码信息,按字母键 (A-Z)、数字键 (0-9)、功能键 (F1-F12)、控制键、导航键、符号键、其他特殊键、多媒体键共 8 类整理,每行给出序号、按键名、键码(keyCode)与 code(推荐使用)。
在页面任意位置按下键盘按键,即可实时捕获该键的 keyCode、key 与 code,并记录最近按键便于对比;搜索框支持按按键名、键码或 code 过滤(如 Enter、13、KeyA),点击复制按钮即可保存「按键 | keyCode | code」组合信息。
功能亮点
- 实时捕获:按下任意键立即显示 keyCode / key / code
- 最近按键:自动记录最近 8 个按键,点击即复制
- 双标准对照:同时给出传统 keyCode 与现代 event.code
- 推荐标注:code 列标注「推荐」,新项目建议优先使用
- 8 类分组:字母、数字、功能、控制、导航、符号、特殊、多媒体键全覆盖
- 实时搜索:支持按按键名、键码数字或 code 过滤
- 一键复制:复制「按键 | keyCode | code」组合信息
- 响应式设计:适配桌面与移动端,便于随时查阅
使用方法
- 实时捕获:在页面任意位置按下键盘按键,上方即可显示 keyCode、key 与 code
- 查询对照:用搜索框或分类下拉查找具体按键的键码(如 Enter → 13)
- 复制使用:点击行右侧「复制」按钮保存键码信息,或点「复制最后键码」复制刚按下的键
- 历史对比:最近按下的按键会显示在「最近按键」区域,点击即可复制
适合人群
- 前端开发者:处理键盘事件时查询 keyCode 与 code 的对应关系
- 游戏与快捷键开发:为按键映射功能确定准确的键码
- 键盘测试:快速确认某个键的 keyCode / code 是否符合预期
- 教学与学习:理解 KeyboardEvent 中 key、code、keyCode 的差异
常见问题解答(FAQ)
keyCode、key 和 code 有什么区别?
keyCode 是已被废弃的数字编码(如 A 为 65);key 是按键产生的字符,受输入法与大小写影响;code 是物理键位标识(如 KeyA),不受输入法与大小写影响。
为什么推荐使用 code 而不是 keyCode?
keyCode 已被标准废弃,且在不同浏览器中行为不一致;event.code 表示物理按键位置,稳定规范,新项目应优先使用。
按 Shift + A 捕获到的 key 是什么?
key 会是 A(大写,受 Shift 影响),而 code 始终为 KeyA、keyCode 为 65,这正是 key 与 code 的关键区别。
小键盘数字和主键盘数字如何区分?
两者的 keyCode 相同(48-57),但 code 不同:主键盘为 DigitN、小键盘为 NumpadN,可用 code 精确区分。
功能键和多媒体键怎么查?
在分类下拉中选择「功能键 (F1-F12)」或「多媒体键」即可查看;媒体键的 keyCode 通常在 173-183 之间。
中文输入法下捕获的值会变吗?
key 值受输入法影响可能显示为 Process,但 code 与 keyCode 不受输入法影响,保持物理键位值不变。
为什么按某些键页面会滚动或切换焦点?
空格、方向键、Tab 等有浏览器默认行为;本页不阻止默认行为以免影响正常操作,捕获面板仍会正常显示键码。
数据覆盖哪些按键?
覆盖键盘常用 92 个按键,包括字母、数字、功能键、控制键、导航键、符号键、特殊键与多媒体键;未列出的按键可直接按下实时捕获查看。
更新日期:2026-11-03
