js中的scrollTop、offsetTop、clientTop

scrollHeight:获取对象可滚动的高度。

scrollWidth:获取对象可滚动的宽度。

scrollTop:获取对象最顶端与对象可见区域最顶端的距离。

scrollLeft:获取对象左边界与对象可见区域左边界的距离。

offsetHeight:获取对象在页面中的高度(height + padding + border)。

offsetWidth:获取对象在页面中的宽度(width + padding + border)。

offsetTop:获取对象最顶端相对于页面最顶端的距离(以border为边界)。

offsetLeft:获取对象左边界相对于页面左边界的距离(以border为边界)。

clientHeight:获取对象在页面中的高度(width + padding)。

clientWidth:获取对象在页面中的宽度(width + padding)。

clientTop:获取对象最顶端相对于页面最顶端的距离(以padding为边界)。

clientLeft:获取对象左边界相对于页面左边界的距离(以padding为边界)。

event.clientX:获取当前事件触发时鼠标指针相对于窗口的水平坐标。

event.clientY:获取当前事件触发时鼠标指针相对于窗口的垂直坐标。

event.offsetX:获取当前事件触发时鼠标指针相对于容器的水平坐标。

event.offsetY:获取当前事件触发时鼠标指针相对于容器的垂直坐标。

event.screenX:获取当前事件触发时鼠标指针相对于显示屏的水平坐标。

event.screenY:获取当前事件触发时鼠标指针相对于显示屏的垂直坐标。

原文地址:https://www.cnblogs.com/xxhuan/p/5555255.html