1. 程式人生 > >Js實現滑鼠滾輪滑動監聽

Js實現滑鼠滾輪滑動監聽

在別人部落格的基礎上改寫了一個js實現滑鼠滾輪事件的監聽:

windowAddMouseWheel();
function windowAddMouseWheel() {
    var scrollFunc = function (e) {
        e = e || window.event;
        if (e.wheelDelta) {  //判斷瀏覽器IE,谷歌滑輪事件
            if (e.wheelDelta > 0) { //當滑輪向上滾動時
                alert("滑輪向上滾動");
            }
            if (e.wheelDelta < 0) { //當滑輪向下滾動時
                alert("滑輪向下滾動");
            }
        } else if (e.detail) {  //Firefox滑輪事件
            if (e.detail> 0) { //當滑輪向上滾動時
                alert("滑輪向上滾動");
            }
            if (e.detail< 0) { //當滑輪向下滾動時
                alert("滑輪向下滾動");
            }
        }
    };
    //給頁面繫結滑輪滾動事件
    if (document.addEventListener) {
        document.addEventListener('DOMMouseScroll', scrollFunc, false);
    }
//滾動滑輪觸發scrollFunc方法
    window.onmousewheel = document.onmousewheel = scrollFunc;
}


原文地址:http://blog.sina.com.cn/s/blog_78106bb10101dgwp.html