键盘键码怎么查:快捷键开发指南

实现 Ctrl+S 保存、方向键切换、Esc 关闭弹窗等功能时,先要搞清楚按下的是哪个键。本文讲清 keydown 事件各字段的区别与选择原则。

最近更新:2026年8月13日

需要马上处理?使用 键盘键码查询 ,浏览器本地完成,不上传服务器。

打开键盘键码查询

key、code、keyCode 怎么选

key 是语义值(如 "a"、"Enter"),随布局和修饰键变化;code 是物理位置(如 "KeyA"),与布局无关;keyCode 是废弃的数字编码,仅供兼容。

做功能快捷键按语义判断用 key;做游戏或跨布局的按键映射用 code,避免 AZERTY 等布局错位。

修饰键与默认行为

组合键通过 event.ctrlKey / shiftKey / altKey / metaKey 判断,注意 Windows 用 Ctrl、macOS 用 Meta(Command)。

拦截浏览器默认快捷键(如 Ctrl+S)要调用 preventDefault,但会覆盖用户习惯,建议提供替代方案;本工具的检测区已阻止默认行为,方向键不会滚动页面。

操作步骤

  1. 打开工具并点击检测区域
  2. 按下目标按键或组合键
  3. 记录 key、code、keyCode 与修饰键状态
  4. 在代码中按字段判断并测试各浏览器表现

常见问题

为什么有些键按了没反应?

F12、Ctrl+W 等被浏览器或系统保留的组合键无法被页面捕获;部分键需先点击检测区获得焦点。

按键信息会被上传吗?

不会。检测完全在浏览器本地完成,键码不会发送到任何服务器。