如何在JavaScript中检测Shift+复制快捷键？优化监听方案

方案一：直接在copy事件中检测Shift键 #

完全可以利用copy事件的事件对象自带的shiftKey属性来判断Shift键是否被按住，这是最高效的方案，无需监听全局keydown事件。

代码示例：

document.addEventListener('copy', (event) => {
  if (event.shiftKey) {
    // 这里处理Shift+复制的自定义逻辑
    console.log('Shift+复制操作触发');
    // 如果需要替换默认复制行为，可调用preventDefault()
    // event.preventDefault();
    // 比如自定义复制内容：
    // event.clipboardData.setData('text/plain', '自定义的Shift复制内容');
  } else {
    // 普通复制操作的逻辑（如果需要）
    console.log('普通复制操作触发');
  }
});

这个方案的优势：

• 仅在实际触发复制动作时执行检测，不会监听所有无关按键，性能更优
• 覆盖所有复制场景：包括键盘快捷键（Shift+Meta/C、Shift+Ctrl/C）、右键菜单复制（按住Shift点击复制）等，不会遗漏边缘场景
• 事件对象还提供ctrlKey、metaKey等属性，若需严格限定键盘组合（比如仅检测Shift+Meta+C），可额外判断：if (event.shiftKey && event.metaKey)

为什么不用keydown？ #

之前的keydown方案需要监听所有按键事件，即使用户按的是和复制无关的键，也会执行一次按键判断逻辑，属于无意义的性能消耗。而copy事件是复制动作的专属事件，天然聚焦在复制场景上，逻辑更精准。

内容的提问来源于stack exchange，提问作者1192805