三大类:
相对于当前点击元素
相对于当前浏览器
相对于整个显示器
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】一样