Alt组合键事件监听异常：Alt+1可用但Alt+2失效

最可能的原因：浏览器/系统默认快捷键冲突 #

大部分现代浏览器（比如Chrome、Edge）默认把Alt+数字作为快速切换标签页的快捷键，Alt+1对应第一个标签，Alt+2对应第二个标签。浏览器会优先拦截这类快捷键执行自身功能，导致你的Angular监听器根本收不到Alt+2的事件。

其他可能原因 #

• 页面内其他组件/第三方库的事件监听器提前捕获了Alt+2事件，并调用了stopPropagation()阻止事件冒泡。
• 输入法或系统级别的快捷键占用了Alt+2（比如某些输入法的符号切换快捷键）。

解决办法 #

1. 改用捕获阶段监听+手动判断按键 #

通过在HostListener中开启捕获模式（{ capture: true }），可以在浏览器默认处理事件前拿到事件，再手动判断按键并阻止默认行为，就能覆盖浏览器的快捷键：

@HostListener('document:keydown', ['$event'], { capture: true })
handleKeyboardEvents(e: KeyboardEvent) {
  if (e.altKey) {
    switch(e.key) {
      case '1':
        this.doThis(e);
        break;
      case '2':
        this.doThat(e);
        break;
      // 继续添加Alt+3到Alt+9的逻辑
    }
  }
}

private doThis(e: KeyboardEvent) {
  // 执行你的操作
  e.preventDefault();
  e.stopPropagation();
}

private doThat(e: KeyboardEvent) {
  // 执行你的操作
  e.preventDefault();
  e.stopPropagation();
}

2. 检查并修改浏览器/系统快捷键 #

• 浏览器端：进入浏览器设置的「快捷键」页面，查看是否有Alt+2的绑定，若有可修改或禁用。
• 系统端：检查系统输入法、全局快捷键工具（如Windows的PowerToys）是否占用了Alt+2。

3. 排查页面内的事件拦截 #

检查项目中是否有其他全局事件监听器（比如第三方快捷键库、自定义的全局事件处理），是否对Alt+2做了拦截处理。

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