pageX,clientX,screenX,offsetX的区别

时间:2022-01-10 15:14:21

pageX/pageY:

鼠标相对于整个页面的X/Y坐标,但IE不支持。以body元素为参考点。

clientX/clientY:

鼠标在浏览器内容区域的X/Y坐标,不包含滚动条,即需要滚动条的地方不算。浏览器窗口缩小时,clientX/clientY的最大值也会缩小。以浏览器左上角为参考点,所以不包括滚动距离。

screenX/screenY:

鼠标在屏幕上的坐标,最大值不超过屏幕分辨率。以屏幕为参考点。

offsetX/offsetY:

针对IE用的pageX/pageY。

event.clientX+document.body.scrollLeft==pageX;