问题描述
目前在我的网站中，我有一个鼠标滚轮功能，可以滚动用户以在页面上设置位置。 但是，当用户滚动速度较快且不将其滚动限制为单个鼠标滚轮滚动单元时，此函数会触发多次。 我如何在特定的时间间隔内处理所有鼠标滚轮滚动事件，比如一秒钟，并使其触发我的功能一次？
1楼
Alex McMillan
4
已采纳
2015-07-31 06:18:35
您可以在事件处理程序上使用 。 / 提供防抖动功能，但jQuery的不。 取自一个简单示例如下所示：
function debounce(func, wait, immediate) {
var timeout;
return function() {
var context = this, args = arguments;
var later = function() {
timeout = null;
if (!immediate) func.apply(context, args);
};
var callNow = immediate && !timeout;
clearTimeout(timeout);
timeout = setTimeout(later, wait);
if (callNow) func.apply(context, args);
};
};
一旦你有了它，你就可以像这样使用它：
var delay = 1000; // 1s
var handlerFunction = debounce(function (e) {
console.log(1);
}, delay);
$(document).on('scroll', handlerFunction);
并且您的处理程序只会在最后一次调用处理程序后 1000 毫秒实际执行。
给你玩。
2楼
0
此 jQuery 代码允许您设置以毫秒为单位的间隔。
var intervalMs = 2000; var last = 0; $(document).scroll(function() { var now = new Date().getTime(); if (last + intervalMs < now) { last = now; // do stuff } });