使用Angular rxjs打印鼠标点击事件的x坐标之和

时间:2022-07-25
本文章向大家介绍使用Angular rxjs打印鼠标点击事件的x坐标之和，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

源代码：

ngOnInit(): void {
    const button = document.querySelector('button');
    fromEvent(button, 'click').pipe(map(event => (event as MouseEvent).x ), scan((count, clientX) => count + clientX, 0))
    .subscribe(count => console.log(`total sum of mouse event.x: ${count} `));
  }

运行效果：

代码中使用到的MouseEvent的定义很有意思，在这里：

随机文章
Javascript知识点必读
最近更新