元素以及元素事件相关的位置及计算

区分几个属性

• width（元素内部宽度）

clientWidth: 元素的width+padding
offsetWidth：元素width+padding + border + 纵向滚动条的宽度

• left

clientLeft：元素左边框的宽度
offsetLeft：元素左边框距离定位的父级元素的距离

• X（事件相关属性）

clientX:鼠标相对于浏览器窗口可视区的x坐标
offsetX:鼠标相对于事件元素的x坐标
pageX:鼠标相对于文档的x坐标，会计算滚动距离，没有滚动的话，与clientX一样