监听鼠标滚轮滚动事件

监听鼠标滚轮滚动事件

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
}