js：事件对象中的7种坐标

三大类：

• 相对于当前点击元素
• 相对于当前浏览器
• 相对于整个显示器

7种坐标

1、窗口坐标：clientX、clientY 相对于用户浏览器的左上角的xy坐标 也就是窗口坐标，不包括工具栏、滚动条

2、layerX、layerY 鼠标相对于目标元素最近的具有absolute/relative定位元素的位置，包含border

3、movementX、movementY 两个鼠标移动事件间隔中当中鼠标移动的相对坐标

4、offsetX、offsetY 相对你点击那个dom的左上角x、y坐标

5、文档坐标：pageX、pageY 相对于当前浏览器，也就是文档左上角x、y坐标，包括被卷去的body那部分长度

6、屏幕坐标：screenX、screenY 相对于用户显示器的左上角xy坐标

7、x、y 和【1】一样