我相信现在最好的做法是:

$('#object').on('touchend mouseup', function () { });

触端

触摸点从触摸表面移除时触发touchend事件。

touchend事件不会触发任何鼠标事件。

mouseup

当鼠标指针在元素上时，mouseup事件被发送给元素，并且鼠标按钮被释放。任何HTML元素都可以接收这个事件。

mouseup事件不会触发任何触摸事件。

例子

$（'#click'）.on（'mouseup'， function （） { alert（'Event detection'）; }）; $（'#touch'）.on（'touchend'， function （） { alert（'Event detection '）; }）; <script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script> <h1 id=“点击”>点击我</h1> <h1 id=“触摸”>触摸我</h1>

编辑(2017)

截至2017年，以Chrome为首的浏览器正在采取措施，通过消除点击请求上的点击事件产生的延迟，使点击事件.on(“点击”)对鼠标和触摸更加兼容。

由此得出的结论是，回到只使用单击事件将是最简单的解决方案。

我还没有做任何跨浏览器测试，看看这是否可行。

在我的案例中，这非常有效:

jQuery(document).on('mouseup keydown touchend', function (event) {
var eventType = event.type;
if (eventType == 'touchend') {
    jQuery(this).off('mouseup');
}
});

主要的问题是，当我尝试点击鼠标时，在触摸设备上同时触发点击和触摸结束，如果我使用点击关闭，一些功能在移动设备上根本不起作用。click的问题是，它是一个全局事件，触发了事件的其余部分，包括touchend。

你可以尝试这样做:

var clickEventType=((document.ontouchstart!==null)?'click':'touchstart');
$("#mylink").bind(clickEventType, myClickHandler);

我也在开发Android/iPad web应用，似乎只要使用“touchmove”就足以“移动组件”(不需要touchstart)。 通过禁用touchstart，你可以使用.click();从jQuery。它实际上在工作，因为它没有被touchstart重载。

最后，你可以binb .live("touchstart"， function(e) {e.s stoppropagation ();});要让touchstart事件停止传播，living room需要单击()来触发。

这对我很管用。

你可以使用一个计数器来代替超时:

var count = 0;
$thing.bind('touchstart click', function(){
  count++;
  if (count %2 == 0) { //count 2% gives the remaining counts when devided by 2
    // do something
  }

  return false
});

在试图解决这个问题时，有很多事情需要考虑。大多数解决方案要么中断滚动，要么不能正确处理幽灵点击事件。

完整的解决方案请参见https://developers.google.com/mobile/articles/fast_buttons

注意:你不能在每个元素的基础上处理鬼点击事件。延迟的点击是由屏幕位置触发的，所以如果你的触摸事件以某种方式修改了页面，点击事件将被发送到页面的新版本。