Угловой 2 HostListener keypress обнаруживает escape-ключ?

Question

Я использую следующий метод для обнаружения нажатия клавиш на странице. Мой план состоит в том, чтобы обнаружить, когда нажата клавиша Escape и запустить метод, если это так. На данный момент я просто пытаюсь записать, какой ключ нажат. Однако ключ Escape не обнаружен.

@HostListener('document:keypress', ['$event']) 
handleKeyboardEvent(event: KeyboardEvent) { 
    console.log(event); 
    let x = event.keyCode; 
    if (x === 27) { 
     console.log('Escape!'); 
    } 
} 

Answer 1

Попробуйте его с keydown или keyup событие, чтобы захватить ключ Esc.

Answer 2

KeyDown и KeyUp похоже на работу: http://embed.plnkr.co/VLajGbWhbaUhCy3xss8l/

Answer 3

Он работал для меня, используя следующий код:

const ESCAPE_KEYCODE = 27; 

@HostListener('document:keydown', ['$event']) onKeydownHandler(event: KeyboardEvent) { 
    if (event.keyCode === ESCAPE_KEYCODE) { 
     // ... 
    } 
} 

или в более короткий путь:

@HostListener('document:keydown.escape', ['$event']) onKeydownHandler(evt: KeyboardEvent) { 
    // ... 
} 

Answer 4

Современный подход

@HostListener('document:keydown', ['$event']) onKeydownHandler(event: KeyboardEvent) { 
    if (event.key === "Escape") { 
     // Do things 
    } 
}