JS之clientX,clientY,screenX,screenY,offsetX,offsetY区别测试

131 阅读1分钟

clientX 以浏览器左上顶角为原点,定位 x 轴坐标

clientY 以浏览器左上顶角为原点,定位y轴坐标

offsetX 以当前事件的目标对象左上角为原点,定位x轴坐标

offsetY 以当前事件的目标对象左上角为原点,定位y轴坐标

pageX 以Document 对象(即文本窗口)左上角为原点,定位x轴坐标

pageY 以Document 对象(即文本窗口)左上角为原点,定位y轴坐标

screenX 计算机屏幕左上角为原点,定位x轴坐标

screenY 计算机屏幕左上角为原点,定位y轴坐标

layerX 最近的绝对定位的父元素(如果没有,则为Document对象)左上角为原点,定位x轴坐标

layerY 最近的绝对定位的父元素(如果没有,则为Document对象)左上角为原点,定位y轴坐标

omRect = element.getBoundingClientRect();
developer.mozilla.org/zh-CN/docs/… 来源:blog.csdn.net/u014205965/…