以下全部属性皆为横向（因为竖向的话只需要把x改为y即可，就不在本文列出）
1.clientWidth：元素内部宽度 =width+padding
2.offsetWidth：元素内部宽度=width+padding+border+scroll
3.clientLeft:元素左边框的宽度
4.offsetLeft：元素左边框与定位的父级元素的距离
注意：父元素需要有定位，就是position需要有值，如果父元素没有定位，则会继续往上层元素找到有定位的元素
5.clientX：鼠标相对于浏览器窗口可视化的x坐标
6.offsetX：鼠标相对于事件源的x坐标
7.pageX：鼠标相对于文档的x坐标，而非窗口坐标
注意：会计算滚动距离，如果没有滚动距离，则跟clientX是一样的
8.screenX：鼠标相对于显示器左侧位置的x坐标（把浏览器往左边移动能看出效果）
标签：定位,鼠标,dom,元素,JS,width,坐标,属性 From： https://www.cnblogs.com/Ynline/p/16829769.html