angular8全局监听事件（键盘监听、鼠标监听）_angular8 键盘监听

主要用到rxjs的fromEvent。
以键盘监听为例：

 private keyboardSubscription: Subscription;
1

在ngOnInit里注册键盘监听函数：

ngOnInit() {
    this.listenKeyboard(); // 注册键盘监听
  }
1
2
3

键盘监听函数：

private listenKeyboard() {
	this.keyboardSubscription && this.keyboardSubscription.unsubscribe();
    this.keyboardSubscription = fromEvent(window, 'keydown').subscribe((event: any) => {
      console.log(event.key);
    });
  }
1
2
3
4
5
6

控制台结果：

本来是用的event.keyCode，但是

画横线了，查了资料发现

MDN关于keyCode的传送门。