angular - HoSTListener不响应箭头键

Question

我有一个 Angular 2分量，在中间，我听着琴键:

  @HostListener('document:keypress', ['$event'])
  handleKeyboardEvent(event: KeyboardEvent) {
      console.log(event);
  }

我没有收到任何关于箭头键的通知，输入键的工作方式与普通键一样。

我在这篇文章中读到我可以添加一个window.event:

Angular2 Navigation using Arrow Keys
这似乎是该主题的唯一帖子。

虽然我可以使用该解决方案(当然，我敢肯定它会起作用)，但对我来说，它似乎并不十分“麻烦”。另外，我应该把这个放在什么元素上？

为什么我没有收到箭头键的通知？他们是按键吗？

Answer 1

您需要将keydown用作箭头键。

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

keypress事件表示正在键入的字符，而箭头不是字符，因此它们不会触发按键