iPad 版 Safari 上的 Web 应用程序：取消 touchmove 上的 touchstart

Question

这似乎是一个简单的解决方案，但当谈到 iPad 上的触摸功能时，我有点菜鸟。

我理解我需要做什么的概念，我只是不知道语法。

问题：我有一个页面充满了 DIV。这些 DIV 被包装在 iScroll4 包装器中。 iScroll 脚本设置得很好，如果您通过点击和移动链接来开始滚动页面，则该链接永远不会触发。

然而我却没那么优秀。因为我设置了一些 jQuery 代码来为“touchstart”上的 DIV 之一设置动画，但问题是，即使我滚动或拖动手指，动画也会在我不希望的情况下触发。

我需要设置超时或取消触摸启动。或者在 touchend 上触发动画，但如果将手指拖动 x 像素量并将该触摸转换为触摸移动，则取消触摸。

有谁知道该怎么做？提前致谢！

Alex

编辑：这是我当前的 jQuery 代码。如果我将手指拖动 X 个像素，我需要取消触发动画功能。可能使用 pageX 和 pageY？

    $('tr#recent').live("touchend click", function () {
        $(".modalWindow").css('display', 'block').animate({
                height:716,
                top:15,
                left:15,
                width:995
            }, 300);            
    });

以下是雅虎如何使用其 Scrollview 做到这一点： http://developer.yahoo .com/yui/3/examples/scrollview/scrollview.html

var content = scrollView.get("contentBox"); 

content.delegate("click", function(e) {
    // Prevent links from navigating as part of a scroll gesture
    if (Math.abs(scrollView.lastScrolledAmt) > 2) {
        e.preventDefault();
        Y.log("Link behavior suppressed.")
    }
}, "a");

看看他们如何检查“lastscrolled”数量，然后在您将手指拖动一定距离时取消链接行为......但我是不使用滚动视图....

Answer 1

如果您想停止触发默认事件，则需要取消它。阅读 jQuery 事件对象，特别是 event.preventDefault() 和event.stopPropagation()。另一个技巧是在函数末尾添加 false，因此...

$( 'div' ).bind( 'touchstart', function(e)
{
    // do some funky stuff

    return false; // this'll cancel the default behaviour of the event
});

通常，如果您想做更多事情，您可以为“touchmove”添加另一个绑定来获取移动的 X 和 Y。