Angualr 全局监听键盘按下事件

在 Angular 中，可以通过在根组件中监听键盘按下事件来实现全局监听。

首先，在根组件的构造函数中注入 HostListener 服务：

import { Component, HostListener } from '@angular/core';

@Component({
  selector: 'app-root',
  template: '<router-outlet></router-outlet>'
})
export class AppComponent {
  constructor() {}

  @HostListener('document:keydown', ['$event'])
  handleKeyboardEvent(event: KeyboardEvent) {
    console.log(event.key);
    // 在这里处理按键事件
  }
}

然后在根组件中定义一个 @HostListener 装饰器，监听 document 对象的 keydown 事件。在回调函数中，可以对按键事件进行处理。

需要注意的是，在监听事件时需要使用 document 对象作为事件目标，而不是组件的 DOM 元素。这样才能确保在整个应用程序中都能接收到键盘事件。

另外，@HostListener 装饰器中的第二个参数是一个数组，用来传递事件对象，这里使用了 KeyboardEvent 类型。可以根据需要传递其他类型的事件对象，比如 MouseEvent 等。