键盘按键码查询
本地运行,数据不上传服务器
找到 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:不会,所有按键信息在浏览器本地处理。