jquery mousewheel:检测轮子何时停止?

2024-06-26

我正在使用 Jquery鼠标滚轮 http://plugins.jquery.com/project/mousewheel插件,我希望能够检测用户何时完成使用轮子。 与可拖动内容中的 stop: 事件类似的功能。 有人能指出我正确的方向吗?


这里真的没有“停止”事件 - 当你do滚动,因此每次发生鼠标滚轮事件时,都会触发该事件...当没有任何事件时,您将不会收到任何事件,并且您的处理程序不会被触发。

然而,您可以检测到用户在 250 毫秒内没有使用它,如下所示:

$("#myElem").mousewheel(function() {
  clearTimeout($.data(this, 'timer'));
  $.data(this, 'timer', setTimeout(function() {
     alert("Haven't scrolled in 250ms!");
     //do something
  }, 250));
});

你可以在这里尝试一下 http://jsfiddle.net/nick_craver/NpdkG/,我们所做的就是在 using 中存储每次使用的超时$.data() http://api.jquery.com/jQuery.data/,如果您在该时间用完之前再次使用它,它会被清除...如果没有,那么您想要运行的任何代码都会触发,用户已经“完成”使用鼠标滚轮无论您正在测试的时间段。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jquery mousewheel:检测轮子何时停止? 的相关文章

随机推荐