防止点击事件在触摸事件后执行

Question

简单解释一下我有这个代码：

$(".button").swipe({
    swipe: function () {
        $("#output").append("You swiped!");
    }
}).click(function () {
    $("#output").append("You clicked!");
});

我希望能够处理我的元素（TouchSwipe 插件）上的滑动和点击。问题是触摸也是点击。所以如果我刷卡，我会首先得到“你刷卡了！”然后是“你点击了！”。点击就可以了。

如果 .swipe() 已经执行，是否可以停止执行 .click() ？当然，这必须每次都起作用。

Answer 1

根据您提供的实现，我猜您正在使用 jQuery TouchSwipe 插件，对吗？

是的，你注意到你使用的是 jQuery TouchSwipe 插件，我的错 :)

您应该使用 TouchSwipe 点击事件，而不是 jQuery click 事件（不考虑其他插件事件）。这种实现有助于区分点击和滑动事件，并有助于确保只有一个被执行。

jQuery(function()
{
    jQuery('.button').swipe({
        tap: function()
        {
            alert('tapped');
        },
        swipe: function(event, direction, distance, duration, fingerCount)
        {
            alert('swiped');            
        }
    });
});

演示：http://jsfiddle.net/bsmayh1q/