Keyboard Key Code Viewer
按任意键获取JavaScript键代码
事件属性
event.key
-
event.location
-
event.code
-
event.which
-
Meta
Ctrl
Alt
Shift
最近记录
推荐工具
精心挑选的实用工具
查找任意按键的 JavaScript 键码
概述
在网页上构建键盘交互时，你需要确切知道一次按键会产生什么值——它的 `key`、`code` 和旧式 `keyCode`。键码查看器实时显示这些：按下任意键，它便展示你的 JavaScript 将看到的标识符。此工具在浏览器中捕获键盘事件，让你无需猜测即可接好快捷键和处理函数。
使用步骤
- 1
聚焦工具并按键
点击进入查看器，按下你想检查的任意键或组合。
- 2
读取标识符
查看 `key`、`code`、`keyCode`，以及按下了哪些修饰键。
- 3
使用正确的属性
复制适合你处理函数的值——字符通常用 `key`，物理键位用 `code`。
工作原理
工具监听键盘事件，当你按键时读取事件属性：`key`（字符或名称，如 'a' 或 'Enter'）、`code`（物理键，如 'KeyA'）、数字 `keyCode`（已弃用但仍可见）以及修饰键状态（Shift、Ctrl、Alt、Meta）。它即时显示这些。一切都在浏览器本地运行——你按下的键不会被记录或发送到任何地方。
什么时候用
构建键盘快捷键且需要用于匹配的确切 `key` 或 `code`。调试某个键为何不触发处理函数。区分在不同布局下共享同一字符的按键。为快捷键检测修饰键组合。学习 `key`、`code` 与 `keyCode` 的区别。核实某个特殊键或媒体键报告的内容。
常见问题
`key` 是产生的值，受布局和修饰键影响（Shift+a 得到 'A'）。`code` 是物理键位，不受布局影响（该键始终是 'KeyA'）。字符用 `key`，像 WASD 这样的物理位置快捷键用 `code`。
注意事项
有些键在不同浏览器、操作系统和键盘布局下行为不同——尤其是死键、输入法输入和媒体键。请在你的目标平台上测试，而不要假设一台机器的取值处处适用。