jquery检测用户交互答案

【问题标题】：Jquery detect user interactionjquery检测用户交互
【发布时间】：2013-06-11 21:43:31
【问题描述】：

我有这段代码自动滚动页面并在用户与页面交互时停止动画。这在桌面设备上正常工作，但在 iphone 上不能正常工作。当用户尝试用手指滚动页面时，动画不会停止，直到到达页面底部。我能为此做些什么？谢谢！

$("html,body").stop().animate({scrollTop: $(document).height()}, 2000);

// Stop the animation if the user scrolls. Defaults on .stop() should be fine
$("body,html").bind("scroll mousedown DOMMouseScroll mousewheel keyup", function(e){
    $("html,body").stop();
});

【问题讨论】：

标签： javascript jquery html scroll jquery-animate

【解决方案1】：

我将它添加到绑定区域，它可以“touchstart touchmove”运行

$("body,html").bind("touchstart touchmove scroll mousedown DOMMouseScroll mousewheel keyup", function(e){
    $("html,body").stop();
});

【讨论】：

非常聪明的一个

【解决方案2】：

如果只需要检测一次，可以使用

$("body,html").one("touchstart touchmove scroll mousemove mousedown DOMMouseScroll mousewheel keyup", function(e){
    console.log('Detected');
});

【讨论】：