使用Angular rxjs打印鼠标点击事件的x坐标之和
生活随笔
收集整理的這篇文章主要介紹了
使用Angular rxjs打印鼠标点击事件的x坐标之和
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
源代碼:
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} `));}運(yùn)行效果:
代碼中使用到的MouseEvent的定義很有意思,在這里:
要獲取更多Jerry的原創(chuàng)文章,請(qǐng)關(guān)注公眾號(hào)"汪子熙":
總結(jié)
以上是生活随笔為你收集整理的使用Angular rxjs打印鼠标点击事件的x坐标之和的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 室内定位指纹算法_指纹识别算法(室内设计
- 下一篇: Angular rxjs里自定义oper