前端学堂
学有所用

自动化打点方案

数据同事要做数据可视化分析,需要升级打点数据,添加了许多字段,但是并没有给出自动化打点方案,让前端自己搞。之前我们产品打点数据比较少,基本都是前端自己做打点方案,现在需要几十个字段就要考虑如何做自动化打点方案了。

自动化打点方案

event解读

打点主要是统计用户的点击事件,那么这个event可以拿到什么数据呢?
— event.target: 目标元素,就是用户点击的元素对象

event.clientX、event.clientY

鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性

event.pageX、event.pageY

类似于event.clientX、event.clientY,但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性,但得到了广泛支持。IE事件中没有这2个属性。

event.offsetX、event.offsetY

鼠标相对于事件源元素(srcElement)的X,Y坐标,只有IE事件有这2个属性,标准事件没有对应的属性。

event.screenX、event.screenY

鼠标相对于用户显示器屏幕左上角的X,Y坐标。标准事件和IE事件都定义了这2个属性

自动化打点方案

待续!!

谢谢!

转载请注明出处://fed123.oss-ap-southeast-2.aliyuncs.com/2017/06/15/2017_ga/
欢迎关注皓眸学问公众号(扫描左侧二维码),每天好文、新技术!任何学习疑问或者工作问题都可以给我留言、互动。T_T 皓眸大前端开发学习 T_T

赞(0) 打赏
未经允许不得转载:前端学堂 » 自动化打点方案

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏