javascript - 在 jQuery Mobile 中，点击和点击有什么区别？

Question

我应该使用哪个事件来收听？为什么要使用 vclick？我只是不知道在哪种情况下使用哪种情况。

Answer 1

对于 jQuery Mobile Tap 过去只能在移动设备上工作。情况不再如此。

VClick 的创建是为了弥合桌面/移动设备之间点击/点击不兼容之间的差距。

现在你可以随意使用 tap，但几乎没有问题。在 iOS 平台上点击会失败。应该改用 Touchstart。

例子:

点击

将在桌面和移动设备上工作。

• Android 4.1.1 - 无延迟
• iOS - 没有延迟
• 桌面版 Firefox 19 和 Chrome 25.0.1364.152 - 无延迟

http://jsfiddle.net/Gajotres/PYPXu/embedded/result/

$(document).on('pagebeforeshow', '#index', function(){       
    $( document ).on( "vclick", '[data-role="page"]', function() {
        $( this ).append( "<span style='color:#00F;'>vmouseup fired.</span>" );
    });
});

点击:

点击

它过去只能在移动设备上工作，现在也可以在桌面浏览器上工作，但在 jQuery Mobile 1.1 及以下版本的 iOS 上会失败。

• Android 4.1.1 - 无延迟
• iOS - 没有延迟
• 桌面版 Firefox 19 和 Chrome 25.0.1364.152 - 无延迟

http://jsfiddle.net/Gajotres/k8kSA/

$(document).on('pagebeforeshow', '#index', function(){       
    $( document ).on( "tap", '[data-role="page"]', function() {
        $( this ).append( "<span style='color:#00F;'>tap fired.</span>" );
    });
});

点击

适用于移动设备和桌面浏览器。

• Android 4.1.1 - 可见延迟(300+ 毫秒)
• iOS - 没有延迟
• 桌面版 Firefox 19 和 Chrome 25.0.1364.152 - 无延迟

http://jsfiddle.net/Gajotres/L2FHp/

$(document).on('pagebeforeshow', '#index', function(){       
    $( document ).on( "click", '[data-role="page"]', function() {
        $( this ).append( "<span style='color:#00F;'>click fired.</span>" );
    });
});

结论

如果您想要使用 VClick 向后兼容 jQM，在任何其他情况下请使用 Tap。