使用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的定义很有意思，在这里：

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

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

cesium 鼠标点击事件获取各种坐标
文章目录 cesium点击事件屏幕坐标世界坐标(也叫笛卡尔坐标Cartesian3) 场景坐标问题列表: cesium点击事件 new Cesium.ScreenSpaceEventHandle ...
10，python中tkinter模块里的鼠标点击事件
实践操作: from tkinter import * #鼠标点击事件的回调函数 def callback(event):print( "clicked at:", event.x ...
css禁用鼠标点击事件
1.css禁用鼠标点击事件 .disabled { pointer-events: none; } 转载于:https://www.cnblogs.com/jiangtuzi/p/5728230.ht ...
android 模拟点击localinstrumentation,Android Instrumentation模拟鼠标点击事件
看了几遍网上的博客一直没有模拟出鼠标点击事件和按钮事件,后来抱着试试态度再重试的时候终于有所斩获.下面把具体的情况记录一下: 首先我们必须了解类 Instrumentation: Instrumen ...
[css] 怎样用纯CSS实现禁止鼠标点击事件？
[css] 怎样用纯CSS实现禁止鼠标点击事件? pointer-events: none; 是css3新出现的属性,意思就是禁止鼠标点击事件,当元素中有这一属性时,链接.点击事件统统失效. 个人简介 ...
【Qt串口调试助手】1.3 - 重写ComboBox下拉框的鼠标点击事件，实现点击下拉框扫描可用串口
由于ComboBox没有鼠标点击信号,所以如果想实现点击下拉框响应,需要重写ComboBox下拉框的鼠标点击事件.在点击事件中,添加扫描可用串口代码,实现点击下拉框时重新扫描串口.并且下拉框内容输出端 ...
QT之鼠标点击事件学习
最近在学习点击鼠标事件,在这分享给大家 window.h中的配置 #ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QMainWindow& ...
java鼠标点击事件_Java 鼠标点击事件实例
首先我们应该知道鼠标点击事件怎么实现其部分代码如下 if (anyEvent.getButton() == MouseEvent.BUTTON1) {} e.getButton()返回值分别为NOB ...
java 鼠标点击按钮事件_Java 鼠标点击事件实例
首先我们应该知道鼠标点击事件怎么实现其部分代码如下 if (anyEvent.getButton() == MouseEvent.BUTTON1) {} e.getButton()返回值分别为NOB ...

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

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

最新文章

热门文章