滑鼠滾輪事件

標籤：style   blog   color   使用   ar   div   sp   log   on   

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來阻止事件預設行為

滑鼠滾輪事件