工具介绍
Keycode对照表是一款专为开发者设计的键盘按键码查询工具。它能够实时检测用户按下的按键，并显示对应的keyCode、key和code三种属性值。工具还提供了完整的键码对照表，包含字母键、数字键、功能键、控制键等112个常用键码。
本工具适用于前端开发者、游戏开发者和任何需要处理键盘事件的程序员。其简洁直观的操作界面和实时检测功能，使得获取键码信息变得简单快捷。Keycode对照表是Web开发和脚本编写中的必备工具。
示例：按下空格键，显示keyCode为32，key为" "，code为"Space"。
工具界面展示
功能特色
- 实时检测：在捕获区按下任意键即可实时显示键码信息
- 三种属性：同时显示keyCode、key和code三种按键属性
- 分类展示：8个分类表格，清晰展示112个常用键码
- 一键复制：点击复制按钮即可复制键码值
- 历史记录：自动保存最近6个按键记录
- 清空功能：一键清空历史记录
- 完整覆盖：包含字母、数字、功能键、控制键等
- 本地处理：所有数据在浏览器本地处理，安全可靠
使用方法
- 按键检测：在捕获区按下任意键，实时显示键码信息
- 查看对照表：浏览下方的分类表格，查找特定键码
- 复制键码：点击表格中的复制按钮或使用"复制键码"按钮
- 管理记录：使用"清空历史"按钮管理按键记录
适合人群
- 前端开发者：需要处理键盘事件的前端工程师
- 游戏开发者：开发网页游戏的程序员
- 脚本编写者：编写快捷键脚本的用户
- 测试人员：测试键盘交互功能的测试工程师
- 学习编程者：学习JavaScript键盘事件的初学者
常见问题解答(FAQ)
什么是Keycode（键码）？
Keycode是JavaScript中用于标识键盘按键的数字代码。当用户按下键盘上的任意键时，浏览器会触发键盘事件，其中包含keyCode属性，表示按下键的数值代码。
keyCode、key和code有什么区别？
keyCode是按键的数字代码（已废弃）；key是按键的字符值（考虑Shift等修饰键）；code是按键的物理位置标识，推荐使用。例如按Shift+A，keyCode是65，key是'A'，code是'KeyA'。
如何在JavaScript中使用键码？
推荐通过 addEventListener 监听 keydown 或 keyup 事件，使用 event.code 获取按键物理标识（如 'KeyA'、'Enter'），比 event.keyCode 更稳定且与键盘布局无关。
为什么推荐使用code而不是keyCode？
keyCode 已被 W3C 标准标记为废弃（deprecated），虽然目前大多数浏览器仍支持，但未来可能被移除。相比之下，code 属性更稳定、不受键盘布局影响，是 MDN 和现代浏览器官方推荐的做法。本工具同时展示三种属性，但强烈建议开发中使用 code。
支持哪些特殊按键？
支持字母键(A-Z)、数字键(0-9)、功能键(F1-F12)、控制键(Shift、Ctrl、Alt等)、导航键(方向键、PageUp等)和多媒体键等。共覆盖 112 个常用键码，分 8 个分类表格展示。
如何复制键码？
您可以点击表格中任意行的"复制"按钮复制单个键码，或使用捕获区"复制键码"按钮复制最近捕获的键码值。复制成功后会弹出提示通知。
为什么有些按键显示为Unknown？
某些特殊按键或组合键在不同浏览器中可能返回不同的值，或者没有标准的key值，这时候会显示为Unknown，但keyCode通常仍然有效。
支持哪些浏览器？
本工具支持Chrome、Firefox、Edge、Safari等现代浏览器，建议使用最新版本以获得最佳体验。
如何清空历史记录？
点击捕获区"清空历史"按钮即可清空所有已捕获的按键历史记录，同时重置捕获区显示。
数据会被上传到服务器吗？
不会。所有按键捕获数据都在浏览器本地处理，不会上传到服务器。历史记录仅保存在浏览器内存中，刷新页面后会清空，确保您的隐私安全。
键码在不同浏览器中是否一致？
大部分常用键码在各浏览器中是一致的，但某些特殊按键可能存在差异。建议测试目标浏览器以确保兼容性。这也是推荐使用 code 属性的原因之一——code 与键盘物理位置绑定，跨浏览器更一致。
更新日期：
