角2全局密钥检测

Question

如何使用RC5绑定文档上的键事件侦听器而不是角2中的特定输入字段？

例如：

我知道这个“把它绑定到一个元素”

<input (keypress)="onKeyDown($event)" [(ngModel)]="something" type="text">

例如，如何将其绑定到文档

<div (keypress)="onKeyDown($event)"> <input /> ... </div>

Answer 1

@HostListener('window:keydown', ['$event'])
onKeyDown(event) {
  ...
}

你也可以

<div (window:keypress)="onKeyDown($event)">

或

<div (document)="onKeyDown($event)">

声明过滤，如

<div (window:keydown.alt.a)="onKeyDown($event)">

当前不支持全局侦听器。

另见https://github.com/angular/angular/issues/7308

Answer 2

您也可以为此使用rxjs。

fromEvent<KeyboardEvent>(document, 'keydown')
  .pipe(...)
  .subscribe()

请参阅：https://www.learnrxjs.io/learn-rxjs/operators/creation/fromevent