JavaScript 中的 Keycode 是什么？
在 JavaScript 中，keyCode 是一个属性，通常用于表示键盘事件（如 keydown、keyup 和 keypress）中按下的键的数值代码。每个键都有一个唯一的 keyCode 值，这些值可以帮助开发者识别用户按下了哪个键。
使用场景
表单验证：检测用户是否输入了特定字符，如数字、字母或特殊字符。游戏开发：监听用户的键盘操作，控制游戏角色的移动或执行特定动作。快捷键：实现自定义的键盘快捷键，如 Ctrl+S 保存、Ctrl+P 打印等。无障碍设计：确保网站或应用可以通过键盘导航，提高用户体验。
底层原理
当用户按下或释放键盘上的某个键时，浏览器会触发相应的键盘事件（keydown、keyup 或 keypress）。这些事件对象中包含了一个 keyCode 属性，表示按下的键的数值代码。开发者可以通过监听这些事件并检查 keyCode 属性来确定用户按下了哪个键。
示例代码
document.addEventListener('keydown', function(event) {
console.log('Key code:', event.keyCode);
if (event.keyCode === 13) { // 13 是回车键的 keyCode
console.log('Enter key pressed');
}
});
注意事项
标准化问题：不同浏览器对某些键的 keyCode 值可能有所不同。现代浏览器推荐使用 key 和 code 属性，它们更标准化且更具描述性。兼容性：虽然 keyCode 在大多数现代浏览器中仍然可用，但在一些较新的浏览器版本中，它已经被标记为过时。建议使用 key 和 code 属性以确保更好的兼容性和可读性。
替代属性
key：返回一个表示按键的字符串，如 “Enter”、“ArrowUp” 等。code：返回一个表示物理键位的字符串，如 “Enter”、“ArrowUp” 等，与键盘布局无关。
示例代码
document.addEventListener('keydown', function(event) {
console.log('Key:', event.key);
console.log('Code:', event.code);
if (event.key === 'Enter') {
console.log('Enter key pressed');
}
});
通过使用 key 和 code 属性，可以使代码更加清晰和易于维护。