jQuery mobile-对于每个现场点击事件应该有一个等效的点击事件？

Question

我已经将jQuery实时点击事件替换为jQuery移动点击事件来提高响应能力。

我有一种感觉，这是一个坏主意兼容性的原因。

是否有必要同时具有这两个事件，并且有什么方法可以将它们写入同一个函数？

如（“点击”，“水龙头”）

Answer 1

比利的答案令人难以置信地完整，实际上在我使用它的几次时效果很好。此外然而，你可能想看看在JQuery Mobile的VMOUSE插件，它是一个试图抽象的鼠标事件：

// This plugin is an experiment for abstracting away the touch and mouse 
// events so that developers don't have to worry about which method of input 
// the device their document is loaded on supports. 

- https://github.com/jquery/jquery-mobile/blob/master/js/vmouse.js

我一直在玩这一个项目我正在努力工作，现在看起来非常敏感。要使用，像：

$('selector').bind('vclick', function() { ... 

或

$('selector').bind('vmousedown', function() { ... 

Answer 2

您可以在一个呼叫这样的绑定多个事件：

$('selector').bind('click tap',function(){ ... }) 

这可能会在某些浏览器/手机，不过，这是罚款可能会使某些触发点按操作的设备触发两次事件。

你可以做某种类型的设备/特征检测，并添加相应的处理程序只有这样解决这个问题...

$('selector').bind(myCustomDetectionFunction() ? 'click' : 'tap' ,function(){ ... }) 

此外，我认为touchstart和mousedown更好的活动来选择。这是因为触摸之后，点击事件不会触发，直到延迟已经过去，因为系统允许第二次触摸的机会使其成为双击或成为轻扫手势等等。 touchstart事件立即启动，因为mousedown也应该更具响应性。

Answer 3

似乎jQuery的移动已经这不只是一个事件：

$(function(){ 
    $('selector').bind('vclick', function(e){ 
     alert('test');  
     return false; 
    }); 
}); 

Answer 4

我们开发了一个小的脚本来解决那个问题。只需将其包含在全局级别中，即可立即触发您的点击事件，而不会对延迟的事件造成任何问题。

https://github.com/cargomedia/jquery.touchToClick

Answer 5

您可以从jQuery的使用VMOUSE插件。这将解决点击事件延迟300ms（仅限移动设备）以及触发点击事件和触摸事件的情况。

要得到vmouse插件，请使用jQuery Mobile Download Builder。将它包括在jQuery之后，但在任何将取决于此插件的脚本之前。

相关事件vclick，基本使用方法如下：

$(".selector").on("vclick", function(event) { 
    // To execute 
});