触发条件:当滚动鼠标滚轮或在触摸板上滚动或放大放大区域时触发。
异步事件,接口为WheelEvent
继承了MouseEvent
、UIEvent
和Event
属性
属性:WheelEvent.deltaX
: 滚轮的横向滚动量(readOnly)WheelEvent.deltaY
: 滚轮的纵向滚动量(readOnly)WheelEvent.deltaZ
: 滚轮在z轴方向上的滚动量(readOnly)WheelEvent.deltaMode
: 上述delta*的单位(readOnly)
// 取值DOM_DELTA_PIXEL | DOM_DELTA_LINE | DOM_DELTA_PAGE
用法:
<element onWheel="muFunction()"></element>
与onScroll
事件的区别:
onScroll在滚动条滚动时触发
onWheel在鼠标滚轮滚动时触发
程序:先触发onWheel,再触发onScroll,当容器不存在滚动条时,onScroll事件不会被触发。