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同样不会冒泡
祝你学习快乐!