javascript - Angular 2 HostListener 按键检测转义键？

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 键。本质上，您可以将 document:keypress 替换为 document:keydown.escape:

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