js對於滑鼠滾輪事件的監聽

2021-08-20 21:21:27 字數 781 閱讀 2504

實現:

通過js對滑鼠滾輪的事件進行監聽。

描述:首先,不同的瀏覽器有不同的滾輪事件。主要是有兩種,onmousewheel(firefox不支援)和dommousescroll(只有firefox支援),關於這兩個事件這裡不做詳述,想要了解的朋友請移步:滑鼠滾輪(mousewheel)和dommousescroll事件。

具體實現:1. 需要新增事件監聽,**如下:相容firefox採用addeventlistener監聽

/*監聽滑鼠滾動事件  

* 1.火狐的是:dommousescroll;

* 2.ie/opera/chrome:

* 直接新增事件*/

if(document.addeventlistener)//w3c

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

var scrollfunc=function

(e)else

if(e.detail)

}

簡要說明:

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

JS滑鼠滾輪事件詳解

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

JS滑鼠滾輪事件詳解

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

js滑鼠滾輪事件相容

ie6.0首先實現了滑鼠的滾輪事件,其良好的互動效果得到認可,隨後opera chrome safari等主流瀏覽器都實現了該效果,不過存在著很大的相容問題。大多數瀏覽器支援mousewheel事件操作,它可以在任何元素上觸發,最終冒泡到document或window物件 而在firefox中,支援...