首页 > 其他 > 详细

鼠标滚轮事件

时间:2014-09-20 22:05:50      阅读:380      评论:0      收藏:0      [点我收藏+]

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来阻止事件默认行为

鼠标滚轮事件

原文:http://www.cnblogs.com/SLEBEE/p/3983840.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!