Wie erkennt man einen beliebigen Tastendruck in Angular 2?

Question

Wie kann ich eine beliebige Taste drücken erkennen auf Angular 2 (zB nicht notwendigerweise in einem Eingabefeld)

Zur Zeit habe ich es geschafft diese mit dem folgenden Code zu tun:

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); 
    } 
} 

Der obige Code verwaltet funktionieren für die meisten Charaktere z alphanumerische Zeichen, Interpunktionszeichen, Symbole usw.

Das Problem ist, dass diese Methode nicht ausgeführt, wenn Tasten wie SHIFT, CTRL, F1 ... F12, Tab, ALT usw.

Answer 1

Sie müssen verwenden ('document:keydown') stattdessen drücken von ('document:keypress') um Schicht zu bekommen, ctrl ...