如何检测Angular 2中的任何按键？

Question

如何检测Angular 2上的任何按键（例如，不一定在输入框中）

目前我设法使用以下代码执行此操作：

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

@Component(<any>{
    selector: 'foo',
    template: `<h1>Foo</h1>`,
})
export class FooComponent {
    @HostListener('document:keypress', ['$event'])
    keypress(e: KeyboardEvent) {
        console.log("Key Up! " + e.key);
    }
}

上述代码适用于大多数字符，例如字母数字，标点，符号等

问题是当按下SHIFT，CTRL，F1 ... F12，Tab，ALT等键时，此方法不会运行。

Answer 1

您必须使用('document:keydown')代替('document:keypress')才能获得转变，按住ctrl ...