去抖鼠标滚轮

Question

我正在构建一个自定义 jQuery 代码，以允许用户通过使用鼠标滚轮来引导用户浏览网页。

我正在构建的代码与此页面类似：Link

一切正常，但默认情况下鼠标滚轮事件会触发多次，使脚本“跳过”完整的 div 并向下/向上滚动多次，而不是一次。

我需要一种方法来限制鼠标滚轮只触发一次。在寻找答案的过程中，我发现 Ben Alman 的脚本使用了“去抖动”。

我的问题是；有没有办法消除每个鼠标滚轮事件而不是消除它的功能？所以基本上告诉“鼠标滚轮”每 500 毫秒触发一次，并忽略在那 500 毫秒期间发送的所有触发。

Answer 1

如何使用setTimeout 来控制事件的触发 - 如：

$("div").html((new Array(1000)).join(" test")).on("mousewheel DOMMouseScroll MozMousePixelScroll", function()
{
    if (!$(this).data('flag'))
    {
        var self = this;
        $(this).data('timeout', window.setTimeout(function()
        {
            $(self).data('flag', false);
        }, 500));

        $(this).data('flag', true);

        console.log('here');
    }
});

小提琴：http://jsfiddle.net/aN4hU/