javascript - js鼠标滚轮事件如何做兼容

问题描述

问 题

兼容谷歌，火狐，IE

解决方案

window.onload=function()
    {
        var oBox=document.getElementById('box');
        
        wheel(oBox,function(down){
            alert(down);
        });
    }
    
    function wheel(obj,wheelFn)
    {
        window.navigator.userAgent.indexOf('Firefox')!=-1 ? obj.addEventListener('DOMMouseScroll',fn,false) : addEvent(obj,'mousewheel',fn);
        
        function fn(ev)
        {
            var oEvent=ev||event;
            var down=oEvent.wheelDelta ? down=oEvent.wheelDelta<0 : down=oEvent.detail>0;
            ev.preventDefault&&ev.preventDefault();
            wheelFn&&wheelFn(down);
            return false;
        }
    }
    
    function addEvent(obj,sEv,fn)
    {
         obj.addEventListener ? obj.addEventListener(sEv,fn,false) : obj.attachEvent('on'+sEv,fn);
    }

这篇关于javascript - js鼠标滚轮事件如何做兼容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！