关于offsetX、offsetY、clientX、clientY、pageX、pageY、screenX、screenY的区别

好好学习 ，天天向上。Are you ready?

offsetX、offsetY:
鼠标相对于事件源元素（srcElement）的X,Y坐标
clientX、clientY:
鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。
pageX、pagey:
类似于event.clientX、event.clientY，但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性，但得到了广泛支持。IE事件中没
有这2个属性
screenX、screenY:
鼠标相对于用户显示器屏幕左上角的X,Y坐标。