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

$('#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(“点击”)对鼠标和触摸更加兼容。

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

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

只要加上return false;末尾的on(“点击touchstart”)事件函数可以解决这个问题。

$(this).on("click touchstart", function() {
  // Do things
  return false;
});

来自jQuery文档。on()

从事件处理程序返回false将自动调用event. stoppropagation()和event. preventdefault()。false值也可以作为function(){return false;}。

你可以这样尝试:

var clickEvent = (('ontouchstart' in document.documentElement)?'touchstart':'click');
$("#mylink").on(clickEvent, myClickHandler);

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

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

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

利用点击总是会在触摸事件之后发生的事实，以下是我在不使用超时或全局标志的情况下消除“幽灵点击”的方法。

$('#buttonId').on('touchstart click', function(event){
    if ($(this).data("already")) {
        $(this).data("already", false);
        return false;
    } else if (event.type == "touchstart") {
        $(this).data("already", true);
    }
    //your code here
});

基本上，只要在元素上触发ontouchstart事件，就会设置一个标记，然后在点击到来时删除(并忽略)。

嗯…所有这些都非常复杂。

如果你有modernizr，这是很简单的。

ev = Modernizr.touch ? 'touchstart' : 'click';

$('#menu').on(ev, '[href="#open-menu"]', function(){
  //winning
});