关于鼠标坐标点的小事

事件发生时,会去捕捉鼠标的坐标,有段时间没关注了所以快忘了,今天要用,所以又去查了番资料,特记

先来共同点吧:(把有浏览器都支持的)

clientY:鼠标相对于可视区的位置,也就是浏览器滚动条此时滚到的位置为参考点

screenY:相对于用户计算机屏幕左上角为参考点

X轴同理

再来点不同点的:

pageY:是以页面左上角为参考点,不以滚动条滚动受影响(FF特有的)

layerY:如果元素有相对或绝对定位属性的话,就以该元素的左上角为参考点,如果没有这些属性,就是页面左上角为参考点(FF)

offsetY:是以元素内容区域为参考点,在border下面(IE特有的)

IE中实现pageY

var doc = document.documentElement, bod =document.body

event.pageY = event.clientY + (doc.scrollTop || bod.scrollTop) - (doc.clientTop || bod.clientTop)

原文地址:https://www.cnblogs.com/xiaohui108/p/2599204.html