事件坐标screenX、clientX、pageX, offsetX的区别

如下图为鼠标点击时打印出的事件

 那么下面的参数中screenX、screenY、offsetX、offsetY、clientX、clientY、pageX、pageY分别代表什么意思呢

看下图：

1.screenX、screenY：指当前被点击元素到电脑屏幕的x，y坐标；也是x、y的坐标

2.offsetX、offsetY：指当前被点击元素到已定位的父元素的x，y坐标

3.clientX、clientY：指当前被点击元素距离当前body可视区域的x，y坐标

4.pageX、pageY：指当前元素到页面的x,y坐标，包括滚动条卷去的页面部分；pageX：clientX+scrollX；pageY：clientY+scrollY