JQuery Mobile vclick用法及代码示例

$( document ).on( "vclick", "p", function() {
  $( this ).append( "<span style='color:#108040;'> vclick fired... </span>" );
  });

警告：谨慎使用 vclick

在触摸设备上谨慎使用 vclick。基于 Webkit 的浏览器在 touchend 事件被调度后大约 300 毫秒合成 mousedown 、 mouseup 和 click 事件。合成鼠标事件的目标是在它们被调度时计算的，并且基于触摸事件的位置，在某些情况下，实现特定的启发式方法会导致不同设备甚至不同操作系统版本上的不同目标计算相同的设备。这意味着原始触摸事件中的目标元素可能与合成鼠标事件中的目标元素不同。

我们建议使用click 而不是vclick，只要触发的操作有可能更改屏幕上触摸点下方的内容。这包括页面转换和其他行为，例如可能导致屏幕移动或内容被完全替换的折叠/展开。

取消元素的默认点击行为

应用程序可以在 vclick 事件上调用 preventDefault() 以取消元素的默认单击行为。在基于鼠标的设备上，对vclick 事件调用preventDefault() 等同于在气泡事件阶段对真实click 事件调用preventDefault()。在基于触摸的设备上，它有点复杂，因为实际的 click 事件在 vclick 事件被调度后大约 300 毫秒被调度。对于触摸设备，在 vclick 事件上调用 preventDefault() 会触发 vmouse 插件中的一些代码，该代码会在捕获事件阶段尝试捕获由浏览器调度的下一个 click 事件，并调用 preventDefault() 和stopPropagation() 就可以了。正如上面警告中提到的，有时很难将触摸事件与其相应的鼠标事件匹配，因为目标可能不同。出于这个原因，vmouse 插件也回退到尝试通过坐标识别相应的click 事件。仍然存在目标和坐标识别都失败的情况，这会导致 click 事件被调度并触发元素的默认操作，或者在内容已被移动或替换的情况下，触发不同的点击元素。如果给定元素/控件经常发生这种情况，我们建议您使用click 来触发您的操作。