如何在Chrome浏览器中用TypeScript重写Ctrl+N快捷键？

你的代码无法阻止Chrome打开新窗口，核心原因是浏览器默认的Ctrl+N快捷键优先级高于常规冒泡阶段的事件监听，需要调整事件捕获时机并增强拦截逻辑：

• 启用事件捕获模式：在@HostListener中添加{ capture: true }参数，让事件在捕获阶段就被处理，抢在浏览器默认行为之前拦截
• 增强事件拦截：除了preventDefault()，额外调用stopPropagation()和stopImmediatePropagation()，避免事件继续传递或被其他监听器处理

修改后的代码：

@HostListener('window:keydown', ['$event'], { capture: true })
onKeyDown(event: KeyboardEvent) {
  if (event.ctrlKey && event.key === 'n') {
    event.preventDefault();
    event.stopPropagation();
    event.stopImmediatePropagation();
    this.createNewLine();
  }
}

额外注意：如果页面中存在iframe或第三方组件，需要确保此监听器注册在顶层window对象上，避免事件被嵌套元素拦截。

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