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