首页 > 代码库 > 鼠标滚轮事件

鼠标滚轮事件

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

鼠标滚轮事件