pageX，clientX，screenX，offsetX的区别

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;