触发条件:当滚动鼠标滚轮或在触摸板上滚动或放大放大区域时触发。
异步事件,接口为 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 事件不会被触发。