关于javascript:鼠标滚轮事件onWheel

55次阅读

共计 430 个字符,预计需要花费 2 分钟才能阅读完成。

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

异步事件,接口为 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

用法

<element onWheel="muFunction()"></element>

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

正文完
 0