理解clientX、clientY、offsetLeft、event.offsetTop、offsetWidth、offsetHeight、clientWidth、clientHeight、scrollTop、scrollHeight【图】

一、clientX和clientY　　事件发生时，鼠标距离浏览器的可视区域的X、Y轴的位置，不包含滚动条的区域的部分。就算是页面进行了滚动，鼠标的坐标值还是参考可视区域的。二、offsetLeft和offsetTop　　事件源元素相对于父节点的偏移的像素值。三、offsetWidth和offsetHeight　　获取的是元素的宽度，包含border，padding，内容宽度，以及滚动条的宽度，和element.getBoundingClientRect()的值是一致的。四、clientWidth和clientHeigh...