client，page，offset

 

• clientX/clientY : 鼠标相对于当前视口的x/y坐标， 不不考虑页面滚动的距离,不包含浏览器书签栏部分（即鼠标停留在书签栏尾部时Y为0）。
• pageX/pageY : 鼠标相对于整个页面的x/y坐标，会加上页面的滚动距离,不包含浏览器书签栏部分（即鼠标停留在书签栏尾部时Y为0）
• screenX/screenY : 鼠标相对于屏幕的x/y坐标 ,包含书签栏（停留在书签栏底部时Y有一定的数值，为书签栏的高度）
• offsetX/offsetY : 鼠标在触发事件的目标元素上的x/y坐标（以元素的左上角为原点）