鼠标滚轮事件

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

posted @ 2014-09-20 21:44  SLEBEE  阅读(187)  评论(0)  编辑  收藏  举报