鼠标滚轮事件小析

一、事件
IE/Chrome: onmouseWheel(火狐中无此事件)
Firefox: DOMMouseScroll (必须用addEventListener绑定事件)
兼容性问题解决:
if(oDiv.addEventListener){
oDiv.addEventListener('DOMMouseScroll',fn,false)}
oDiv.onmouseWheel=fn;

二、属性(代表滚动的方向)
IE/Chrome: event.WheelDelta(上滚:120,下滚:-120)
Firefox: event.detail(上滚:-3,下滚:3)
兼容性问题解决:
var b=true;
if(ev.WheelDelta){b=ev.WheelDelta>0?true:false}
else{b=ev.detail<0?true:false}
if(b>0){alert('上滚')}else{alert('下滚')}
注:滚动事件也会触发整个页面的滚动的默认事件,因此要组织
return false阻止的是标准浏览器下obj.on事件名=fn触发的默认行为,而addEventListener绑定的事件需通过event下的preventDefault()方法进行阻止。
兼容性问题解决:
if(ev.preventDefault){ev.preventDefault();}
return false;

posted @ 2016-07-03 10:36  冯小漂儿  阅读(129)  评论(0编辑  收藏  举报