滚轮事件小封装

作为一名前端程序猿,工作久了,会不会经常觉着.....啊!实现这样的效果我之前写过,于是我翻找之前的代码拿来用,可是,可是,好像要改的地方好多,似乎不如重写一遍呢...这时候,我们才会反思是不是之前写的代码多思考一下,封装起来,下次不是省好多事嘛,今天就分享一下我对滚轮事件的小封装,下次用起来是不感觉so爽so easy呢!!接下来,上代码

                                                                                             //封装的代码

function MouseWheelHandle(obj,handle){

var info=navigator.userAgent;

var down=null;

if(info.indexOf("Firefox")!=-1){

obj.addEventListener("DOMMouseScroll",function(event){

var ev=event||window.event;

if(ev.detail>0){

down=true;

}else{

down=false;

}

handle.apply(obj,[down,ev])

},false)

}else{

obj.onmousewheel=function(event){

var ev=event||window.event;

if(ev.wheelDelta>0){

down=false;

}else{

down=true;

}

handle.call(obj,down,ev)

} 

} 

}

//使用

var box=document.getElementById("box");

box.onmousewheelhandle=function(down){

//这里实现我们想要实现的效果

}