offsetLeft Left clientX的区别

假设obj为某个HTML控件：
Obj.offsetTop指obj相对于版面由offsetParent属性指定的父坐标的计算上侧位置，整型，单位像素。
obj.offsetLeft指obj相对于版面或由offsetParent指定的父坐标的计算左侧位置，整型，单位像素。
obj.offsetWidth指控件自身的绝对宽度，不包括因overflow而未显示的部分，也就是实际占据的宽度，整型，单位像素。
obj.offsetLeft指控件自身的绝对高度，不包括因overflow而未显示的部分，也就是实际占据的高度，整型，单位像素。
我们知道offsetTop可以获得HTML元素距离上方或外层元素的位置，style.top也是可以的，二者的区别是：
1、offsetTop返回的是数字，而style.top返回的是字符串，除了数字外还带有单位：px
2、offsetTop只读，而style.top可读写
3、如果没有给HTML元素指定过top样式，而style.top返回的是空字符串。

clientX clientY是鼠标到可视区的距离，可视区就是页面浏览器可以见到内容的这个区域。

IE、opera认为offsetHeight=clientY+滚动条+边框
NS、FF认为offsetHeight是网页的实际高度，可以小于clientY。

scrollTop是可视区到页面顶部的距离。
文章详情请参考： https://www.cnblogs.com/panjun-Donet/articles/1294033.html