滚轮事件--原生JS函数封装

最新推荐文章于 2022-08-21 20:31:20 发布

静宝宝的博客

最新推荐文章于 2022-08-21 20:31:20 发布

阅读量1.5k

点赞数 1

分类专栏：滚轮事件兼容应用文章标签：滚轮事件

本文链接：https://blog.youkuaiyun.com/JJ19941003/article/details/54710556

版权

滚轮事件兼容应用专栏收录该内容

1 篇文章

订阅专栏

function addwheel(obj,fn){
    function wheel(ev){
        var oEvent=ev||event;
        var bDown=true;
        if(oEvent.wheelDelta){
            if(oEvent.wheelDelta<0){
                bDown=false;
            }else{
                bDown=true;
            }
        }else{
            if(oEvent.wheelDetail<0){
                bDown=true;
            }else{
                bDown=false;
            }
        }
        fn(bDown);
        return false;
        oEvent.preventDefault&&oEvent.preventDefault();
    }
    //判断是不是火狐
    if(window.navigator.userAgent.toLowerCase().indexOf('firefox')!=-1){    
        obj.addEventListener('DOMMouseScroll',wheel,false);//'DOMMouseScroll'只兼容火狐,必须用时间绑定；
    }else{
        obj.onmousewheel=wheel;
    }
}
//调用方法；
addWheel(obj,function(bDown){
    if(bDown){
        alert('现在是上滚动')；
    }else{
        alert('现在是下滚动')；
    }
})