angular 全局监听键盘事件
时间: 2023-07-30 12:09:48 浏览: 242
Pacman:用 Angular 开发的吃豆子游戏
要在 Angular 中全局监听键盘事件,你可以使用 HostListener 装饰器来实现。在你的根组件中,添加如下代码:
```typescript
import { Component, HostListener } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
@HostListener('window:keydown', ['$event'])
onKeyDown(event: KeyboardEvent) {
console.log(event); // 在这里处理你的键盘事件
}
}
```
在以上代码中,我们使用了 HostListener 装饰器来监听 `window` 对象的 `keydown` 事件。`$event` 参数是一个类型为 `KeyboardEvent` 的事件对象,你可以在 `onKeyDown` 方法中处理这个对象来实现你的业务逻辑。
阅读全文