在 JavaScript 中绑定全局键盘快捷键应监听 document 的 keydown 事件，结合 event.code 和修饰键属性判断组合，避开可编辑元素，调用 preventDefault() 阻止默认行为，并用 event.repeat 防重复触发。
在 JavaScript 中绑定全局键盘快捷键，核心是监听 document 或 window 上的键盘事件（如 keydown），并结合按键组合判断是否触发对应操作。关键在于正确处理修饰键（Ctrl、Alt、Shift、Meta）和防止默认行为干扰，同时避免在输入框等元素中误触发。
监听 document 的 keydown 事件
全局快捷键应挂载在 document 上，确保页面任意位置（除特定限制场景外）都能响应：
- 使用
addEventListener('keydown', handler, { capture: true })可在捕获阶段提前拦截，适合需要优先处理的快捷键 - 一般情况下直接监听
document.addEventListener('keydown', handler)即可 - 避免监听
window—— 某些浏览器（如 Safari）对window.keydown支持不稳定，document更可靠
准确识别快捷键组合
不要仅依赖 event.key（如 'a'），而应综合使用 event.ctrlKey、event.altKey、event.shiftKey、event.metaKey 和 event.code：
-
event.code表示物理按键（如'KeyA'、'Digit1'），不受键盘布局和大小写影响，适合绑定 Ctrl+A、Ctrl+Shift+K 等组合 -
event.key表示实际输入字符（如'a'或'A'），适合需区分大小写的场景（如 Shift+S 和 S 不同） - 例如：Ctrl+S 应判断
e.ctrlKey && e.code === 'KeyS'，而非e.key === 's'（因为用户可能按住 Shift，key会是'S'）
避免在输入类元素中触发
用户在 <input>、<textarea></textarea>、contenteditable 元素中打字时，通常不希望快捷键被响应（比如 Ctrl+S 保存不应在编辑时意外触发）：
立即学习“Java免费学习笔记（深入）”；
- 检查
event.target是否为可编辑元素：['INPUT', 'TEXTAREA', 'SELECT'].includes(event.target.tagName) || event.target.isContentEditable - 若命中，则直接
return或return false - 也可加白名单逻辑：只在特定区域（如主视图容器）内启用快捷键
防止默认行为与重复触发
部分快捷键（如 Ctrl+R 刷新、F5）有浏览器默认行为，需调用 event.preventDefault() 阻止；同时注意避免连按导致多次触发：
- 在匹配到快捷键后立即调用
e.preventDefault()，尤其对 Ctrl+T、Ctrl+W、F11 等敏感操作 - 添加简单防抖：用
setTimeout+ 标志位或event.repeat === false过滤长按重复（event.repeat为true表示自动重复触发，可忽略） - 必要时用
e.stopPropagation()防止事件冒泡干扰其他逻辑
