绑定鼠标滚轮上下滚动事件

// JavaScript Document
/***********************  
* 函数:绑定鼠标滚轮上下滚动事件 相对的操作 
* 参数:event  
* 返回:滚轮方向 1:向上 -1:向下  
*       FireFox 向上滑动detail值为—3,向下为3; 
*       Ie      向上滑动wheelDelta 值为120,向下为-120     
*************************/   
var scrollFunc=function(e){   
    e=e || window.event;   
    if(e.wheelDelta){//IE/Opera/Chrome   
        if(e.wheelDelta==120){  
            //向上滚动事件 
alert("向上1"); 
        }else{
//向下滚动事件
alert("向下1"); 
}
}else if(e.detail){//Firefox 
if(e.detail==-3) {
//向上滚动事件
alert("向上2"); 
}else{
//向下滚动事件
alert("向下2"); 
}
} //ScrollText(direct); 

/*注册事件*/   
if(document.addEventListener){ document.addEventListener('DOMMouseScroll',scrollFunc,false);}

window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome


你可能感兴趣的:(绑定鼠标滚轮上下滚动事件)