鼠标滑轮事件总结

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了鼠标滑轮事件总结相关的知识,希望对你有一定的参考价值。

  • 在IE中,chrom,opera中 

事件是:mousewheel 存在:onmousewheel

属性值:wheelDelta;解析:往上滑是120的正倍数值,往下滑120的负倍数值


  • 在firefox中
  • 事件是:DOMMouseScroll 不存在:onDOMMouseScroll:

  •      注意:如果用此事件函数用:addEventListener("DOMMouseScroll", fn,true);
  •  

    属性值:detail;解析:往上滑是3的负倍数值,往下滑3的正倍数值(刚好和wheelDelta相反);

以上是关于鼠标滑轮事件总结的主要内容,如果未能解决你的问题,请参考以下文章

鼠标滑轮事件QWheelEvent

Winform鼠标滑轮控制自定义滚动条

js,鼠标上下滑轮或者拉动滚动条触发事件

Vue 实现图片监听鼠标滑轮滚动实现图片缩小放大功能

给鼠标滚轮绑定滚动事件

js判断鼠标滑轮滚动方向并根据滚动的方向触发不同的事件