鼠标滚轮事件--onWheel

触发条件:当滚动鼠标滚轮或在触摸板上滚动或放大缩小区域时触发。

异步事件,接口为WheelEvent
继承了MouseEventUIEventEvent属性

属性
WheelEvent.deltaX: 滚轮的横向滚动量(readOnly)
WheelEvent.deltaY: 滚轮的纵向滚动量(readOnly)
WheelEvent.deltaZ: 滚轮在z轴方向上的滚动量(readOnly)
WheelEvent.deltaMode: 上述delta*的单位(readOnly)

// 取值
DOM_DELTA_PIXEL | DOM_DELTA_LINE  | DOM_DELTA_PAGE

用法

onScroll事件的区别:
onScroll在滚动条滚动时触发
onWheel在鼠标滚轮滚动时触发
顺序:先触发onWheel,再触发onScroll,当容器不存在滚动条时,onScroll事件不会被触发。

你可能感兴趣的:(javascript,前端)