Angular 2 : How to capture all user event

Question

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

整个应用程序中有很多组件。通过创建指令或其他方式，常见的做法是什么？

Answer 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); }