js 鼠标滚轮(滑轮)事件捕捉
分类:Javascript| 发布:camnprbubuol| 查看: | 发表时间:2011/8/9
判断滚轮向上或向下在浏览器中也要考虑兼容性,现在五大浏览器(IE、Opera、Safari、Firefox、Chrome)中Firefox 使用detail,其余四类使用wheelDelta;两者只在取值上不一致,代表含义一致,detail与wheelDelta只各取两个值,detail只取±3,wheelDelta只取±120,其中正数表示为向上,负数表示向下。
<script type="text/javascript">
var scrollFunc=function(e){
var direct=0;
e=e || window.event;
if(e.wheelDelta){//IE/Opera/Chrome
userMouse(e.wheelDelta);
}else if(e.detail){//Firefox
userMouse(e.wheelDelta);
}
}
/*注册事件*/
if(document.addEventListener){
document.addEventListener(’DOMMouseScroll’,scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari
//自己的函数
function userMouse(flage){
if(flage == 3){
alert("firefox下鼠标向上滚动!");
}else if(flage == -3){
alert("firefox下鼠标向下滚动!");
}else if(flage == 120){
alert("IE下鼠标向上滚动!");
}else if(flage == -120){
alert("IE下鼠标向下滚动!");
}
}
</script>