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

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