UD5工具箱
keyCode 和 code 属性有什么区别？应该使用哪个？
keyCode 和 code 是两个完全不同维度的属性。keyCode 返回的是按键的字符编码数字，会受到键盘布局和修饰键的影响（例如按住 Shift 时按 A 键，某些浏览器可能返回不同的 keyCode 值）。code 返回的是按键的物理位置标识，不受键盘布局和修饰键的影响（按 A 键始终返回「KeyA」，无论使用 QWERTY 还是 AZERTY 布局）。在现代开发中，推荐优先使用 key 属性获取按键的语义含义，使用 code 属性识别物理按键位置，尽量避免使用已废弃的 keyCode 属性。
keyCode 属性为什么被废弃了？是否还能继续使用？
keyCode 属性被 W3C 正式废弃的主要原因包括：第一，不同浏览器对同一按键可能返回不同的 keyCode 值，导致跨浏览器兼容性问题严重。第二，keyCode 无法区分键盘上相同字符但不同位置的按键（如主键盘区的数字 1 和数字小键盘的 1）。第三，对于非标准键盘布局（如法语 AZERTY、德语 QWERTZ），keyCode 的返回值可能与预期不符。虽然 keyCode 已被废弃，但在实际项目中仍然可以继续使用，因为所有主流浏览器为了向后兼容仍然支持该属性。但在新项目中建议使用 key 或 code 属性替代。
如何区分左修饰键和右修饰键（如左 Shift 和右 Shift）？
区分左右修饰键主要有两种方法。方法一：使用 location 属性。左侧修饰键的 location 值为 1，右侧修饰键的 location 值为 2。例如按下左 Shift 时 event.location === 1，按下右 Shift 时 event.location === 2。这种方法最简洁直接。方法二：使用 code 属性。左侧 Shift 键的 code 值为「ShiftLeft」，右侧 Shift 键的 code 值为「ShiftRight」，同理 Ctrl 键区分为「ControlLeft」和「ControlRight」，Alt 键区分为「AltLeft」和「AltRight」。在实际开发中，推荐使用 location 属性进行判断，因为代码更简洁且可读性更好。
在实际开发中应该使用 key 属性还是 code 属性？
选择取决于具体的使用场景。如果你需要获取按键的「语义含义」（即用户想要输入什么字符或执行什么操作），应该使用 key 属性。例如实现搜索框的回车提交功能，应该监听 key === 'Enter'；实现快捷键 Ctrl+S 保存功能，应该同时检查 event.ctrlKey 和 event.key === 's'。如果你需要识别按键的「物理位置」（即用户按下了键盘上哪个位置的键），应该使用 code 属性。例如实现游戏中的 WASD 移动控制，应该使用 code 属性来确保无论键盘布局如何，控制键位始终固定。在大多数日常开发场景中，key 属性是更好的选择。
keydown 和 keypress 事件有什么区别？为什么keypress 已经废弃了？
keydown 事件在按键被按下时立即触发，对所有按键都会触发（包括 Shift、Ctrl、Alt 等修饰键和 F1-F12 等功能键）。keypress 事件只在按键产生可打印字符时才会触发，因此按修饰键和功能键不会触发 keypress。keypress 已被 W3C 正式废弃，原因在于其行为在不同浏览器中存在不一致，且其原本的用途（获取字符编码）完全可以由 key 属性替代。在现代开发中，应该统一使用 keydown 和 keyup 事件对，配合 event.key 属性来处理所有键盘交互需求。
按键代码查看器在移动端（手机/平板）上可以使用吗？
按键代码查看器主要针对实体键盘设计，在触屏移动设备上的使用体验有限。大多数移动设备的虚拟键盘不会产生标准的 keydown/keyup 事件，而是通过 input 事件来处理文本输入。不过，部分 Android 设备连接实体蓝牙键盘后，可以在本工具中正常查看按键属性值。对于 iOS 设备，外接键盘也能触发键盘事件，但某些属性值可能与桌面端存在差异。如果您主要在桌面端进行前端开发，本工具能够完美满足您的调试需求。
为什么同一个按键在不同浏览器中显示的 keyCode 值不同？
这正是 keyCode 属性被废弃的根本原因。不同浏览器引擎（WebKit、Blink、Gecko、Trident）对 keyCode 的实现存在差异，特别是在处理特殊按键、组合键和非标准键盘时。例如在某些浏览器中，按下小键盘除号键的 keyCode 是 111，而在另一些浏览器中是 191。再如在 Mac 上按下 Command 键，在不同浏览器中的 keyCode 可能返回 91 或 93。本工具同时展示 key、code 等多个属性，就是为了让开发者在调试时能够选择最稳定可靠的属性进行开发，避免因浏览器差异导致的兼容性问题。
工具中的按键历史记录会保存多久？会不会泄露我的按键信息？
按键历史记录仅保存在当前浏览器页面的内存中，不会存储到任何地方。当您刷新页面或关闭浏览器标签页后，所有历史记录会立即消失。工具不会将您的按键数据发送到任何服务器，也不会使用浏览器的 localStorage 或 sessionStorage 进行持久化存储。您可以放心使用本工具调试键盘事件，关闭页面后不会留下任何按键痕迹。