元素坐标详解
offsetX、offsetY: 鼠标相对于事件源元素的X,Y坐标。比如说，我给黄色的盒子定义一个点击事件，则这个offset的坐标原点就在这个黄色盒子的左上角
clientX、clientY: 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。
pageX、pageY: 事件发生时鼠标相对于整个页面的坐标。整个页面是说整个网页的区域。
pageX=clientX+横向滚动区域(如果有滚动条)
pageY=clienty+纵向滚动区域(如果有滚动条)
screenX、screenY: 鼠标相对于用户显示器屏幕左上角的X,Y坐标
image.png
