JavaScript中的鼠标滚轮事件详解

if(document.addEventListener){ 

document.addEventListener('DOMMouseScroll',scrollFunc,false); 

}

if(document.addEventListener){ 

document.addEventListener('DOMMouseScroll',scrollFunc,false); 

}//W3C 

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

滚动值:(IE/Opera)

滚动值:(Firefox)

var oTxt=document.getElementById("txt"); 

/*********************** 

* 函数：判断滚轮滚动方向 

* 作者：walkingp 

* 参数：event 

* 返回：滚轮方向 1：向上 -1：向下 

*************************/ 

var scrollFunc=function(e){ 

var direct=0; 

e=e || window.event; 

var t1=document.getElementById("wheelDelta"); 

var t2=document.getElementById("detail"); 

if(e.wheelDelta){//IE/Opera/Chrome 

t1.value=e.wheelDelta; 

}else if(e.detail){//Firefox 

t2.value=e.detail; 

} 

ScrollText(direct); 

} 

/*注册事件*/ 

if(document.addEventListener){ 

document.addEventListener('DOMMouseScroll',scrollFunc,false); 

}//W3C 

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