clientX, pageX, offsetX, screenX

均为只读属性。

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

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

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

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

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

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

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