三大类：

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

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】一样