clientX, pageX, offsetX, screenX

均为只读属性。

1.clientX 属性返回当事件被触发时鼠标指针相对于浏览器页面(或客户区)的水平坐标。

客户区指的是当前窗口(可视区域不包括工具栏和滚动条)。

例如,不论页面是否有水平滚动,当你点击客户端区域的左上角时,鼠标事件的 clientX 值都将为 0


2.pageX属性返回当事件被触发时鼠标指针的位置相对于整个文档的x(水平)坐标以像素为单位的只读属性。这个属性考虑任何页面的水平方向上的滚动。


clientX,pageX区别在于有滚动条等的情况


3.offsetX属性返回鼠标指针相对于事件发生源元素(srcElement)的x(水平)坐标。


4.screenX属性返回鼠标相对于用户显示器屏幕左上角的x(水平)坐标。

你可能感兴趣的:(clientX, pageX, offsetX, screenX)