jquery - 点击事件仅在手指不滑动时起作用

Question

我在 IOS 上使用带有手机间隙的 jquery mobile，我注意到只有当您点击屏幕而不向左或向右移动手指时才会触发点击事件。下面是我的绑定(bind)代码。

$(".pic-cont").on("tap",{count: "not needed"},function(event){
        console.log("Clicked");
        ....

我正在制作一个游戏，用户会快速点击屏幕上的东西，我注意到当你快速点击时，你的手指可能会滑动并且不会注册点击事件。我是否可以使用任何其他事件(例如触地事件)，以便当用户手指点击屏幕时，无论他们是否将手指向左、向右、向上、向下移动或按住，都会立即注册该事件。

谢谢!

Answer 1

对于 jQuery Mobile，几乎没有解决方案，但有一个适合您的情况。

解决方案 1 - jQuery 解决方案

您应该使用 touchstart 事件，而不是点击事件。它的工作方式类似于点击，同时它是屏幕滑动期间触发的第一个事件。

这里是一个代码示例:

$(document).on('pagebeforeshow', '#index', function(){       
    $(document).on('touchstart', '#index', function(){       
        alert('touchstart');
    });
});

我给你做了一个工作示例:http://jsfiddle.net/Gajotres/vDqdD/

解决方案 2 - jQuery Mobile 解决方案

虽然 touchstart 是一个很好的全能解决方案，但它无法在使用旧版 jQuery Mobile 版本(1.1 及更低版本)的旧版 Android 设备上运行。

因此，如果您需要创建防弹版本，您应该使用 vmousedown事件而不是 touchstart。

$(document).on('pagebeforeshow', '#index', function(){       
    $(document).on('vmousedown', '#index', function(){       
        alert('vmousedown');
    });
});

这是一个有效的 jsFiddle 示例:http://jsfiddle.net/Gajotres/vDqdD/4/