javascript監聽鼠標滾輪事件淺析_javascript技巧

不同瀏覽器不同的事件

首先，不同的瀏覽器有不同的滾輪事件。主要是有兩種，onmousewheel（firefox不支持）和DOMMouseScroll（只有firefox支持），關于這兩個事件這里不做詳述，想要了解的朋友請移步：鼠標滾輪(mousewheel)和DOMMouseScroll事件。
另外在操作的過程中需要添加事件監聽，代碼如下：兼容firefox采用addEventListener監聽
代碼如下:/*注冊事件*/
if(document.addEventListener){
document.addEventListener('DOMMouseScroll',scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome

js返回數值判斷滾輪上下

判斷滾輪向上或向下在瀏覽器中也要考慮兼容性，現在五大瀏覽器（IE、Opera、Safari、Firefox、Chrome）中Firefox 使用detail，其余四類使用wheelDelta；兩者只在取值上不一致，代表含義一致，detail與wheelDelta只各取兩個 值，detail只取±3，wheelDelta只取±120，其中正數表示為向上，負數表示向下。
具體的代碼如下所示:
代碼如下:
滾動值:(IE/Opera)
滾動值:(Firefox)

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com