必须用捕获阶段，因为浏览器在捕获阶段已处理快捷键默认行为；应在document上用keydown事件配合{capture:true}监听，检查ctrlkey/metakey与e.key并调用preventdefault()。
在 JavaScript 中，快捷键（如 Ctrl+S、Cmd+R）默认由浏览器处理，要提前拦截，必须在捕获阶段监听全局键盘事件，并调用 preventDefault() 阻止默认行为。
为什么必须用捕获阶段？
因为快捷键的默认行为（如保存页面、刷新）在事件冒泡到达 document 或 window 之前，就已经被浏览器在捕获阶段处理了。如果只在冒泡阶段监听（默认行为），往往来不及阻止。
所以需显式将事件监听器的第三个参数设为 true，启用捕获模式。
正确写法：在 document 上捕获 keydown
推荐在 document 上监听，覆盖范围广且稳定：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- 监听
keydown（不是keypress或keyup），因快捷键逻辑通常在按下瞬间触发 - 设置
{ capture: true }（或旧版写法true） - 检查组合键（
e.ctrlKey/e.metaKey）、按键码（e.key或e.code） - 匹配成功后立即调用
e.preventDefault()
示例（拦截 Ctrl+S / Cmd+S）：
document.addEventListener('keydown', function(e) {
// 检查是否是 Ctrl+S 或 Cmd+S
if ((e.ctrlKey || e.metaKey) && e.key === 's') {
e.preventDefault(); // 关键：阻止浏览器保存
console.log('已拦截保存快捷键');
// 在这里执行你的自定义保存逻辑
}
}, true); // ← true 表示捕获阶段
注意平台与按键差异
不同系统快捷键习惯不同，需兼顾：
- Windows/Linux：常用
Ctrl + X/C/V/S - macOS：对应为
Cmd（即metaKey），而非ctrlKey - 避免仅依赖
e.keyCode（已废弃），优先用e.key（语义化，如's'）或e.code（物理键位，如'KeyS'） - 某些快捷键（如 F5、F12）可能受浏览器安全策略限制，无法完全拦截
避免重复监听与内存泄漏
若多次绑定相同监听器，会导致重复执行。建议：
- 使用具名函数便于移除：
document.removeEventListener('keydown', handler, true) - 在单页应用中，组件卸载时及时清理
- 不要在
window上监听（部分浏览器对 window 的捕获支持不稳定），document更可靠
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
