为什么同时按住Ctrl/Cmd和Delete键时检测不到组合键？

Dev · 子皓提问于 2026-01-29 19:51:32 阅读 31

交互

我在开发文本编辑器时想用Ctrl/Cmd+Delete实现删除段落的功能，但发现检测不到组合键按下：


document.addEventListener('keydown', (e) => {
  if ((e.ctrlKey || e.metaKey) && e.key === 'Delete') {
    console.log('组合键触发');
    e.preventDefault();
  }
});

当同时按住Ctrl（Mac用Cmd）和Delete键时，控制台没有任何输出。单独按Delete或Ctrl键会有正常响应，但组合键完全没反应。尝试过把条件改成e.code === 'Delete'也没用，难道是事件监听顺序的问题吗？

我来解答赞 9 收藏

反馈

2 条解答

IT人馨月 Lv1

这个问题我遇到过，确实有点坑。原因是 e.key 在某些浏览器和系统组合下，Delete 键的行为会有点奇怪，特别是在组合键里。

可以试试这样改你的代码：

document.addEventListener('keydown', (e) => {

  if ((e.ctrlKey || e.metaKey) && (e.key === 'Delete' || e.key === 'Backspace')) {

    console.log('组合键触发');

    e.preventDefault();

  }

});

这里加了个 e.key === 'Backspace' 的判断，因为有些系统（特别是Mac）在按 CMD+Delete 时可能会返回 Backspace 而不是 Delete。这是浏览器和操作系统的差异导致的。

另外提醒一下，记得测试不同浏览器和操作系统，确保兼容性。要是还有问题，可以再调一下 e.code 或者看看有没有其他特殊情况冒出来。

2026-02-02 09:18

司空东慧 Lv1

问题在于 e.key 在同时按下 Ctrl/Cmd 和 Delete 时不会返回 'Delete'，而是返回 'undefined'。改用 e.code 并检查具体的键码：

document.addEventListener('keydown', (e) => {

  if ((e.ctrlKey || e.metaKey) && e.code === 'Delete') {

    console.log('组合键触发');

    e.preventDefault();

  }

});

这样就能正确检测到组合键了。

2026-01-31 20:14