首页 > 代码库 > 鼠标滚轮事件
鼠标滚轮事件
1.IE与chrome下:obj.onmousewheel
FF下:使用 DOMMouseScroll ,注意,FF下没有obj.DOMMouseScroll 事件,必须使用addEventListener 来绑定。
//兼容写法obj.onmousewheel = fn;if(obj.addEventLister) { obj.addEventListener("DOMMouseScrool", fn, false);}
2.判断滚轮上下滚动:
IE与chrome下,使用event.wheelDelta. 当向上滚动时这个值为 120 ,向下滚动时值为 -120.
FF下,使用event.detail。当向上滚动时这个值为 -3,向下滚动时这个值为 3.
兼容方式:
1 var b = true; 2 if(ev.wheelDelta){ 3 4 b = ev.wheelDelta > 0 ? true : false; 5 6 } else { 7 8 b = ev.detail < 0 ? true : false; 9 10 }11 //向上则b为true,向下则b为false。
3.阻止事件默认行为
注意,使用return false的方式只能阻止 obj.onmousewheel 这种添加事件方法的默认行为
使用addEventListener添加的事件阻止事件默认行为要使用event.preventDefault();
if(ev.preventDefault) { ev.preventDefault();}
在IE底下使用obj.attachEvent()添加事件的时候仍然是使用return false来阻止事件默认行为
鼠标滚轮事件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。