使用JS监听鼠标滚轮事件,并且滑动一次只执行一次事件方法

来源:互联网 发布:mysql check约束 编辑:程序博客网 时间:2024/06/04 19:13

使用JS监听鼠标滚轮事件,并且滑动一次只执行一次事件方法

function autoRoll() {        $(document).on("mousewheel DOMMouseScroll", function(e) {            var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || // chrome & ie                (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1)); // firefox            $(document).off("mousewheel DOMMouseScroll");            if (delta > 0) {                // 向上滚                num -= 1;                if (num < 0) {                    num = 0;                }                //要执行的方法            } else if (delta < 0) {                // 向下滚                num += 1;                if (num > 4) {                    num = 0;                }               //要执行的方法            }            //使用setTimeout方法产生一个延时效果,是的每次滑动鼠标滑轮,只执行一次事件方法            setTimeout(autoRoll, 500);        });    }    autoRoll();
原创粉丝点击