Javascript鼠标滚轮事件兼容写法

最新推荐文章于 2024-05-19 21:16:45 发布

邵天宇Soy

最新推荐文章于 2024-05-19 21:16:45 发布

阅读量2k

点赞数 2

分类专栏： javascript 浏览器工具 html

本文链接：https://blog.csdn.net/qq_35087256/article/details/81088560

版权

1.mousewheel事件(兼容opera,chrome,safari,IE)

mousewheel事件对应的event对象包含一个wheelDelta属性。用户滚动鼠标滚轮时，wheelDelta的值是正负120的倍数。

值得注意的是，在opera9.5之前的版本，wheelDelta的正负号是颠倒的，这里不做考虑

一般情况下，监听wheelDelta的正负值，就可以确定鼠标滚轮的滚动方向。

document.addEventListener('mousewheel',function(event){
   
    console.log( event.wheelDelta > 0 )
},false)

2.DOMMouseScroll事件(兼容FireFox)

FireFox支持一个名为DOMMouseScroll的类似事件，类比于mousewheel。不同的是，鼠标滚轮的信息保存在detail属性里面。还有一点，用户滚动鼠标滚轮时，detail的值是正负3的倍数。

document.

关注