主机侦听器不响应箭头键

Question

我有一个角度 2 分量，中间我监听键：

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

我没有收到任何箭头键的通知，输入键有效，普通键也是如此。

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

使用箭头键的 Angular2 导航这似乎是关于该主题的唯一帖子。

虽然我可以使用该解决方案(诚然，我确信它会起作用(，但对我来说它似乎不是很"棱角分明"。另外我应该把它放在什么元素上？

为什么我没有收到方向键的通知？他们是按键不是吗？

Answer 1

您需要

将keydown用于箭头键。

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

按键

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