键盘按键码查询

键盘KeyCode按键

本地运行,数据不上传服务器

点击此处后按下任意按键

找到 20 项

常用按键对照表

使用说明

写 JavaScript 键盘事件时,不确定该用 event.key 还是 event.code,两者取值有时不一样;维护旧代码时看到 event.keyCode === 13,想确认是不是回车;做快捷键功能时,需要知道方向键、F1-F12、Ctrl、Shift 这些键对应的代码;调试组合键时,想确认 Meta 和 Ctrl 的按下状态。这些场景都需要一个能实时显示按键信息的地方。 这个工具捕获实际键盘输入,把 event.key、event.code 和旧版 event.keyCode 一起显示出来,Ctrl、Shift、Alt、Meta 的按下状态也会高亮。另外附 20 个常用按键的速查表,支持按名称、Code 或数字搜索。 捕获到的按键信息可以复制,常用键表的 code / keyCode 也能复制。适合前端开发、做快捷键功能、维护旧项目的人。

核心功能

  • ✓实时捕获按键,显示 key、code、keyCode 三种值
  • ✓高亮显示 Ctrl、Shift、Alt、Meta 的按下状态
  • ✓附 20 个常用按键速查表
  • ✓支持按名称、Code 或数字搜索常用键
  • ✓一键复制当前按键信息
  • ✓常用键表可批量复制
  • ✓全部在浏览器本地完成

使用教程

确认该用 key 还是 code:按下同一个键,对比 key 和 code 的值,key 受键盘布局影响,code 表示物理位置。 调试旧代码的 keyCode:看到 keyCode 判断分支时,按下对应键确认数字是否匹配。 查快捷键按键:想给功能绑定 Ctrl+S 或 F5 之类快捷键,先查清对应代码。 区分左右 Shift 或 Ctrl:code 会显示 ShiftLeft 和 ShiftRight,key 只显示 Shift。 确认组合键状态:按下 Ctrl 的同时按其他键,工具会同时显示 Ctrl 的高亮状态。

常见问题

Q:keyCode 为什么已废弃?

A:keyCode 是旧标准,不同浏览器和系统返回值可能不一致,新代码建议用 key 和 code。

Q:key 和 code 有什么区别?

A:key 表示按下的字符,受键盘布局影响;code 表示物理按键位置,与布局无关。

Q:为什么某些键捕获不到?

A:浏览器和操作系统的保留快捷键(如 Ctrl+W、Alt+F4)不会交给页面处理,无法捕获。

Q:常用键表有多少个键?

A:20 个,覆盖常见修饰键、方向键、功能键和常用控制键。

Q:可以识别中文输入法下的按键吗?

A:可以,捕获的是键盘事件,与输入法状态无关。

Q:数据会上传服务器吗?

A:不会,所有按键信息在浏览器本地处理。