Angular 2 HostListener keypress detect escape key?

Question

I am using the following method to detect keypresses on a page. My plan is to detect when the Escape key is pressed and run a method if so. For the moment I am just attempting to log which key is pressed. However the Escape key is never detected.

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

Answer 1

Try it with a keydown or keyup event to capture the Esc key. In essence, you can replace document:keypress with document:keydown.escape:

@HostListener('document:keydown.escape', ['$event']) onKeydownHandler(event: KeyboardEvent) {     console.log(event); }