（6）三大系列总结，mouseenter和mouseover的区别

offset、client、scroll三大系列总结

element.offsetWidth	返回自身包括padding、边框、内容区的宽度，返回数值不带单位
element.clientWidth	返回自身包括padding、内容区的宽度,不含边框，返回数值不带单位
element.scrollWidth	返回自身实际的宽度，不含边框，返回数值不带单位

主要用法：

offset系列经常用于获得元素位置 offsetLeft offsetTop

client系列经常用于获取元素大小 clientWidth clientHeight

scroll经常用于获取滚动距离 scrollTop scrollLeft

页面滚动距离通过window.pageXOffset 获取

---

mouseenter和mouseover的区别

mouseenter鼠标事件，当鼠标移动到元素上时就会触发mouseenter事件。

mouseover鼠标经过自身盒子会触发，经过子盒子还会触发。mouseenter只会经过自身盒子才触发。

原因：mouseenter不会冒泡（联系事件流、事件委托）

跟mouseenter搭配的 鼠标离开mouseleave同样不会冒泡

---

祝你学习快乐！