封裝滑鼠滾輪事件 mousewheel

2022-05-04 22:39:10 字數 689 閱讀 6154

function

mousewheel(obj,fn)

else

fn(num);

if(e.preventdefault)e.preventdefault();

return

false

; }

}

使用方法:

var odiv=document.getelementbyid('div');

mousewheel(odiv,

function

(dir));

相容性:ie6+吧(只測試了ie6+,chrome、firefox)

注釋一點點:

ie/chrome: onmousewheel

ev.wheeldelta:

上:120

下:-120

ff: addeventlistener('dommousescroll',fn,false) 火狐用滑鼠事件要用addeventlistener繫結

ev.detail:

上:-3

下:3阻止預設事件:

return false 用於阻止一般形式的事件(如:on+事件名稱)的預設行為

ev.preventdefault() 用於阻止addeventlistener繫結的事件的預設行為

滑鼠滾輪事件

新增事件 有相容性 註冊事件 if document.addeventlistener window.onmousewheel document.onmousewheel scrollfunc ie opera chrome detail與wheeldelta 判斷滾輪向上或向下在瀏覽器中也有相容性...

滑鼠滾輪事件

新增事件 有相容性 註冊事件 if document.addeventlistener window.onmousewheel document.onmousewheel scrollfunc ie opera chrome detail與wheeldelta 判斷滾輪向上或向下在瀏覽器中也有相容性...

滑鼠滾輪事件

滑鼠滾輪事件和鍵盤事件以及滑鼠左右鍵沒本質的區別。2 if document.addeventlistener window.onmousewheel document.onmousewheel scroll ie opera chrome safari 像上面這樣就可以給整個文件繫結滾輪事件。fu...