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

122 阅读1分钟

三大类:

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

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