js 监听鼠标滚轮

60 阅读 0 评论 40 点赞

我是靠谱客的博主犹豫皮卡丘，这篇文章主要介绍js 监听鼠标滚轮，现在分享给大家，希望可以做个参考。

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
对于滚动有两种事件1就是滚动事件,2就是滚轮事件,下面是两者区别

滚动事件

　　监听方法onscroll,(火狐是去掉on),意思是当元素出现滚动条,并且滚动滚动条时,才会触发,不管是通过滚轮,还是直接拉的滚动条

滚轮事件

　　监听方法:ie和火狐不同

　　　　　　ie是scrollwheel,火狐是DOMMouseScroll

　　　　　　可以写一个兼容函数


function wheel_event(elem,func){
    if(elem.attachEvent){
        elem.attachEvent("onmousewheel",func);
    }else if(elem.addEventListener){
        elem.addEventListener("DOMMouseScroll",func);
    }
}


　　　　滚轮事件可以给window/document添加,也可以对特定元素添加,当对特定元素添加滚轮事件的时候,意思是当鼠标放在此元素的时候,只要滚动滚轮就会触发,不管此元素上有没有滚动条