window的pageX,pageY,screenX,sreenY,clientX,clientY的区别描述

pageX，pageY，screenX，screenY，clientX，和clientY返回一个数，其指示物理“CSS像素”的数量的点是从参考点。事件点是用户单击的位置，参考点是左上角的一个点。这些属性返回该参考点的水平和垂直距离。

属性 说明
clientX 以浏览器左上顶角为原点，定位 x 轴坐标
clientY 以浏览器左上顶角为原点，定位ｙ轴坐标
offsetX 以当前事件的目标对象左上角为原点，定位x轴坐标
offsetY 以当前事件的目标对象左上角为原点，定位y轴坐标
pageX 以Document 对象（即文本窗口）左上角为原点，定位x轴坐标
pageY 以Document 对象（即文本窗口）左上角为原点，定位ｙ轴坐标
screenX 计算机屏幕左上角为原点，定位x轴坐标
screenY 计算机屏幕左上角为原点，定位ｙ轴坐标
layerX 最近的绝对定位的父元素（如果没有，则为Document对象）左上角为原点，定位x轴坐标
layerY 最近的绝对定位的父元素（如果没有，则为Document对象）左上角为原点，定位ｙ轴坐标