實現:
通過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中,支援...