js 两种写法监听鼠标的滑动问题

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

Timdan

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

阅读量3.5k

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/learner_boy/article/details/72886589

版权

监听鼠标的滚轮事件通过onmousewheel（非火狐浏览器）

document.onmousewheel=function(e){
            var e=e||window.event;
            // 非火狐浏览器下e.wheelDelta用来监听浏鼠标的滚轮方向，(window)中向上为正（120），向下为负（-120）
        if(e.wheelDelta<0){
            console.log(e.wheelDelta);
            alert("向下滚动");
        }else{
            console.log(e.wheelDelta);
            alert("向上滚动");
        }

通过addEventListener 监听鼠标的滚轮事件 (主要在火狐浏览器中)

    document.addEventListener("DOMMouseScroll",function(e){
                var e=e||window.event;
                // 火狐浏览器中使用e.detail对滚轮滚动方向做判断，向上为（-3），向下为（3）
                if (e.detail<0) {
                    console.log(e.detail);
                    alert("向上滚动");
                }else{
                    console.log(e.detail);
                    alert("向下滚动");
                }
        },false);