jquery 鼠标 滑轮 滚动 方向

var scrollFunc = function (e) {

        var direct = 0;

        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;  

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章