Angular2：如何捕获所有用户事件答案

【问题标题】：Angular2 : How to capture all user eventAngular2：如何捕获所有用户事件
【发布时间】：2017-12-22 23:28:19
【问题描述】：

我想捕捉屏幕上的所有用户事件。例如。如果用户将鼠标悬停在按钮上或单击按钮或输入输入字段等。

整个应用程序中有很多组件。通过创建指令或其他方式来执行此操作的常见地方是什么？

【问题讨论】：

我认为 Observables 可以帮助你解决这个问题reactivex.io/rxjs。
这似乎不是一个好主意。您要解决的实际问题是什么？为什么需要捕获所有事件？
我需要跟踪用户在屏幕上的行为。

【解决方案1】：

我不确定，但这可以帮助你。

  @HostListener('document:keydown', ['$event'])
  onKeyDown(ev:KeyboardEvent) {
    console.log(`The user just pressed ${ev.key}!`);
  }

  @HostListener('mouseup', ['$event'])
  onMouseup(event: MouseEvent) { this.mouseup.emit(event); }

  @HostListener('mousemove', ['$event'])
  onMousemove(event: MouseEvent) { this.mousemove.emit(event); }

【讨论】：