Jquery检测滚动一次

Question

已阅读可以使用此行检测滚动：

$('window').one('scroll', function() {  } );

如果有这个内联代码：

var TimeVariable=setInterval(function(){ DoJQueryStuff() },300);

function DoJQueryStuff()
 {
 if(typeof jQuery == "undefined") return;
 window.clearInterval(TimeVariable);
 $('body').one('mousemove', function() { alert('mouse'); } );
 $('window').one('scroll', function() { alert('scroll'); } );
 }

DoJQueryStuff 每 300 毫秒调用一次，直到 JQuery 被加载。 如果我将鼠标移动到屏幕上的任意位置，我会收到“鼠标”警报。 如果我向下滚动，我不会收到“滚动”警报。 即它没有开火。

任何帮助将不胜感激。

大卫

Answer 1

首先请使用jquery ready http://api.jquery.com/ready/ 方法。我不想说你的实现是错误的，但比 jquery 就绪方法慢。

您的滚动功能基本上没有被执行，因为您将它绑定到错误的对象。 当您使用 jquery 引用 window 对象时，不要将其包装在撇号中。

如果你这样做，jquery 将调用document.getElementsByTagName 并且找不到标记名window，因为window 不是window.document 节点的子节点。因此您的滚动检测功能永远不会被触发，因为 jquery 无法将 eventListener 绑定到您提交的元素标记名。

只需将其绑定到 window 而不使用撇号。这会强制 jquery 将滚动事件直接绑定到 window DOM 对象，您的函数在滚动时正确触发。

例子：

$(window).ready(function(){
    $(this).one('mousemove', function() { 
        // mouse move
    }).one('scroll', function(){
        // scroll 
    });
});