封装鼠标滚轮事件_mousewheel

            function mousewheel(obj,fn){

                

                obj.onmousewheel===null ? obj.onmousewheel=fun : obj.addEventListener('DOMMouseScroll',fun,false);

                

                function fun(e){

                    var e=e || event,

                        num=0;

                        

                    if(e.wheelDelta){

                        num=e.wheelDelta>0?1:-1;

                    }else{

                        num=e.detail<0?1:-1;

                    }

                    fn(num);

                    

                    if(e.preventDefault)e.preventDefault();

                    return false;

                }

            }

 

使用方法：

            var oDiv=document.getElementById('div');

            

            mousewheel(oDiv,function(dir){

                if(dir>0) alert('向上滚动');

                if(dir<0) alert('往下滚动');

            });

 

 

兼容性：ie6+吧（只测试了ie6+，chrome、Firefox）

注释一点点：

　ie/chrome: onmousewheel
 　　ev.wheelDelta:
      上：120
      下：-120
 
　ff: addEventListener('DOMMouseScroll',fn,false) 火狐用鼠标事件要用addEventListener绑定
　　ev.detail:
     上：-3
     下：3
 
 阻止默认事件：
     return false 用于阻止一般形式的事件（如：on+事件名称）的默认行为
     ev.preventDefault() 用于阻止addEventListener绑定的事件的默认行为