判断组合快捷键需监听keydown事件，检查ctrlKey、metaKey等修饰键状态及key/code属性；推荐用keydown而非keypress或keyup；跨平台应兼容Ctrl/Cmd，避免keyCode，注意输入法和长按重复问题。
判断用户是否按下组合快捷键，关键在于监听键盘事件（keydown 或 keyup），并检查 event.ctrlKey、event.altKey、event.shiftKey、event.metaKey 等修饰键状态，同时结合 event.key 或 event.code 判断主按键。
监听合适的事件类型
推荐使用 keydown 事件：它在按键按下时触发，能捕获组合键的完整按下过程；避免用 keypress（已废弃）或 keyup（松开时才触发，可能错过组合逻辑）。
-
keydown可及时响应，适合快捷键拦截（如阻止默认行为） - 若需区分大小写或语义化按键（如
"A"vs"a"），优先用event.key - 若需忽略系统输入法或大小写影响，用
event.code（如"KeyA"恒定表示物理 A 键）
检测常用修饰键状态
浏览器会自动为事件对象设置布尔属性，表示对应修饰键是否处于按下状态：
-
event.ctrlKey：Ctrl（Windows/Linux）或 ⌘（macOS） -
event.metaKey：macOS 的 Command 键（Windows/Linux 上通常不生效，但部分浏览器会映射为 Ctrl） -
event.altKey：Alt（Windows/Linux）或 Option（macOS） -
event.shiftKey：Shift 键
注意：metaKey 在 macOS 上对应 Command，开发跨平台快捷键时建议优先用 metaKey 代替 ctrlKey 处理“保存”“新建”等通用操作（如 Cmd+S / Ctrl+S）。
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
立即学习“Java免费学习笔记（深入）”；
匹配快捷键的常见写法
以监听 Ctrl+S（或 Cmd+S）为例：
document.addEventListener('keydown', function(e) {
// 同时按下 Ctrl/Cmd 且主键是 's' 或 'S'
if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === 's') {
e.preventDefault(); // 阻止浏览器默认保存行为
console.log('触发保存快捷键');
}
});
更健壮的做法是封装一个判断函数：
function isShortcut(e, keys) {
const { ctrlKey, metaKey, altKey, shiftKey, key, code } = e;
const modifiers = {
ctrl: ctrlKey || metaKey,
alt: altKey,
shift: shiftKey,
};
// keys 示例：['ctrl', 's'] 或 ['ctrl', 'shift', 'ArrowUp']
return keys.every(k => {
if (['ctrl', 'alt', 'shift'].includes(k)) return modifiers[k];
return k.toLowerCase() === key.toLowerCase() || k === code;
});
}
// 使用
document.addEventListener('keydown', e => {
if (isShortcut(e, ['ctrl', 's'])) {
e.preventDefault();
doSave();
}
if (isShortcut(e, ['ctrl', 'shift', 'I'])) {
toggleInspector();
}
});
注意事项与避坑点
实际开发中容易忽略的细节：
- 避免只依赖
keyCode（已废弃），改用key或code - 英文输入法下
e.key是"s"，中文输入法下按 Ctrl+S 可能仍触发（因 Ctrl 不触发输入法上屏），但某些场景下输入法会劫持组合键——可依赖event.isComposing === false过滤正在输入中的情况 - Mac 用户习惯用
Cmd，Windows 用户用Ctrl，不要硬编码ctrlKey；统一用(e.ctrlKey || e.metaKey) - 长按重复触发问题：
keydown在长按时会连续触发，如需单次响应，可用event.repeat判断（true表示自动重复，可跳过）
