js中滑鼠滾輪事件詳解

2021-06-25 09:12:49 字數 995 閱讀 9019

附加事件

其中經我測試,ie/opera屬於同一型別,使用attachevent即可新增滾輪事件。

/*ie註冊事件*/

if(document.attachevent)

firefox使用addeventlistener新增滾輪事件

/*firefox註冊事件*/

if(document.addeventlistener)

safari與chrome屬於同一型別,可使用html dom方式新增事件

window.onmousewheel=document.onmousewheel=scrollfunc;//ie/opera/chrome

其中除firefox外其餘均可使用html dom方式新增事件,因此新增事件使用以下方式

/*註冊事件*/

if(document.addeventlistener)//w3c

window.onmousewheel=document.onmousewheel=scrollfunc;//ie/opera/chrome

detail與wheeldelta

判斷滾輪向上或向下在瀏覽器中也要考慮相容性,現在五大瀏覽器(ie、opera、safari、firefox、chrome)中firefox 使用detail,其餘四類使用wheeldelta;兩者只在取值上不一致,代表含義一致,detail與wheeldelta只各取兩個 值,detail只取±3,wheeldelta只取±120,其中正數表示為向上,負數表示向下。

code highlighting produced by actipro codehighlighter (freeware)> 1 滾動值:(ie/opera)

滾動值:(firefox)

JS滑鼠滾輪事件詳解

文章目錄 相容性寫法,該函式也是網上別人寫的,不過找不到出處了,蠻好的,所有我也沒有必要修改了 判斷滑鼠滾輪滾動方向 if window.addeventlistener ff,火狐瀏覽器會識別該方法 window.addeventlistener dommousescroll wheel,fals...

JS滑鼠滾輪事件詳解

相容性寫法,該函式也是網上別人寫的,不過找不到出處了,蠻好的,所有我也沒有必要修改了 判斷滑鼠滾輪滾動方向 if window.addeventlistener ff,火狐瀏覽器會識別該方法 window.addeventlistener dommousescroll wheel,false win...

js中的滑鼠滾輪事件

事件物件 event 1event事件物件,表示用來獲取事件的詳細資訊,比如得到滑鼠的橫座標 事件物件.clientx clientx是可視區座標 window.onclick function ev 2事件物件的相容寫法 a.ie8和ie8以下瀏覽器不能傳遞引數,只能使用window.event物...