javascript - 鼠标滚动时触发一次函数

Question

我正在寻找一种在鼠标滚动时恰好触发一次功能的方法。我发现的所有方法在滚动仍在进行时都会多次触发。

这就是我想出来的。这里console.log 一次滚动会触发40-50 次。我需要一些可以触发一次的东西。

$(window).bind("mousewheel DOMMouseScroll", function(event) {
    // Events when scrolled down.
    if (
        event.originalEvent.wheelDelta < 0 ||
        event.originalEvent.detail > 0
    ) {
        console.log("Scrolled")
    }
});

Answer 1

使用one绑定(bind)事件。来自 http://api.jquery.com/one/ 的文档:

Attach a handler to an event for the elements. The handler is executed at most once per element per event type.

$(window).one("mousewheel DOMMouseScroll", function(event) {
    console.log("Scrolled")
});

#content {
  width: 100px;
  height: 10000px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="content"></div>

另一个注意事项:bind 不应再与 jQuery 一起使用，现在应使用 on。