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

89 阅读1分钟

源代码:

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的定义很有意思,在这里:


要获取更多Jerry的原创文章,请关注公众号"汪子熙":