1、首先在根节点document中监听所有需要抓取的事件。
2、在元素事件传递中,捕获阶段获取事件信息,进行埋点。
3、通过getBoundingClientRect() 方法可获取元素的大小和位置。
4、通过stopPropagation() 方法禁止事件继欹爸葛端续传递,控制触发元素事件,在冒泡阶段获取数据,保存数据。
5、最后通过settimeout异步执行数据统计获取,避免影响页面原有内容。
时间:2024-10-25 04:08:08
1、首先在根节点document中监听所有需要抓取的事件。
2、在元素事件传递中,捕获阶段获取事件信息,进行埋点。
3、通过getBoundingClientRect() 方法可获取元素的大小和位置。
4、通过stopPropagation() 方法禁止事件继欹爸葛端续传递,控制触发元素事件,在冒泡阶段获取数据,保存数据。
5、最后通过settimeout异步执行数据统计获取,避免影响页面原有内容。