監聽鼠標滾輪滾動事件

監聽鼠標滾輪滾動事件

IE/Opera/Chrome

• 滾輪事件：onmousewheel（firefox不支持）
• 值：e.wheelDelta，
  • e.wheelDelta>0，向上滾，150
  • e.wheelDelta<0，向下滾，-150

火狐

• 滾輪事件：DOMMouseScroll（僅firefox支持）
• 值：e.detail
  • e.wheelDelta>0，向下滾，3
  • e.wheelDelta<0，向上滾，-3

function windowAddMouseWheel() {
    var scrollFunc = function (e) {
        e = e || window.event;
        let wheelDelta=e.wheelDelta?e.wheelDelta:(-e.detail*50)
        if (wheelDelta > 0) {
            console.log(wheelDelta+"滑輪向上滾動");
        }
        if (wheelDelta < 0) {
            console.log(wheelDelta+"滑輪向下滾動");
        }
    };
    //給頁面綁定滑輪滾動事件
    if (document.addEventListener) { //火狐使用DOMMouseScroll綁定
        document.addEventListener('DOMMouseScroll', scrollFunc, false);
    }
    //其他瀏覽器直接綁定滾動事件
    window.onmousewheel = document.onmousewheel = scrollFunc;//IE/Opera/Chrome
}