我也在开发一个Android/iPad Web应用程序，通过使用"touchmove"就足以移动组件（无需touchstart）。如果禁用touchstart，您可以使用jQuery的.click()方法。实际上它是有效的，因为它没有被touchstart重载。

最后，您可以使用binb .live("touchstart", function(e) { e.stopPropagation(); });来阻止touchstart事件传播，从而允许click()被触发。

这对我有用。

在尝试解决此问题时需要考虑许多因素。大多数解决方案要么破坏滚动，要么不能正确处理幽灵点击事件。

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

NB：您无法按元素处理幽灵点击事件。屏幕位置会触发延迟点击，因此，如果您的触摸事件以某种方式修改页面，则单击事件将发送到页面的新版本。

编辑： 我之前的答案（基于本主题中的答案）对我来说不是正确的方法。我想要一个子菜单在鼠标进入或触摸点击时展开，并在鼠标离开或另一个触摸点击时折叠。由于鼠标事件通常在触摸事件之后被触发，因此编写支持触摸屏和鼠标输入同时的事件侦听器有点棘手。

jQuery插件：Touch Or Mouse

最终我编写了一个名为 "Touch Or Mouse"（897字节压缩后）的jQuery插件，可以检测事件是由触摸屏还是鼠标调用的（无需测试触摸支持！）。这使得支持触摸屏和鼠标同时成为可能，并完全分离它们的事件。

这样，OP就可以使用touchstart或touchend快速响应触摸点击，而click则仅由鼠标调用。

演示

首先，必须使body元素跟踪触摸事件：

$(document.body).touchOrMouse('init');

鼠标事件通常绑定在元素上，通过调用$body.touchOrMouse('get', e)，我们可以找出该事件是由触摸屏还是鼠标触发的。

$('.link').click(function(e) {
  var touchOrMouse = $(document.body).touchOrMouse('get', e);

  if (touchOrMouse === 'touch') {
    // Handle touch click.
  }
  else if (touchOrMouse === 'mouse') {
    // Handle mouse click.
  }
}

在http://jsfiddle.net/lmeurs/uo4069nh上查看插件的运行情况。

说明

这个插件需要在body元素上调用以跟踪touchstart和touchend事件，这样touchend事件就不必在触发元素（例如链接或按钮）上触发。在这两个触摸事件之间，此插件认为任何鼠标事件都是由触摸引起的。 仅在touchend后触发鼠标事件，并且当鼠标事件在ghostEventDelay（默认情况下为1000ms）之内在touchend后被触发时，此插件将认为鼠标事件是由触摸引起的。 在使用触摸屏单击元素时，该元素处于:active状态。只有在元素通过单击另一个元素失去此状态时才会触发mouseleave事件。由于这可能是在mouseenter事件触发后几秒钟（或几分钟！），因此此插件会跟踪元素的最后一个mouseenter事件：如果最后一个mouseenter事件是由触摸引起的，则还将考虑以下mouseleave事件是由触摸引起的。

查找文档滚动移动差异（包括水平和垂直方向）的触摸开始和触摸结束事件，如果其中一个大于1像素，则是移动而不是点击。

var touchstartverscrollpos , touchstarthorscrollpos;


    $('body').on('touchstart','.thumbnail',function(e){

        touchstartverscrollpos = $(document).scrollTop();
        touchstarthorscrollpos = $(document).scrollLeft();


    });



    $('body').on('touchend','.thumbnail',function(e){


        var touchendverscrollpos = $(document).scrollTop();
        var touchendhorscrollpos = $(document).scrollLeft();

        var verdiff = touchendverscrollpos - touchstartverscrollpos;
        var hordiff = touchendhorscrollpos - touchstarthorscrollpos;


        if (Math.abs(verdiff) <1 && Math.abs(hordiff)<1){

// do you own function () here 



            e.stopImmediatePropagation();

            return false;
        }

    });

我发现最好的方法是编写触摸事件并通过该事件以编程方式调用正常的点击事件。这样，您就拥有了所有正常的点击事件，然后只需要为所有触摸事件添加一个事件处理程序即可。对于每个要使其可触摸的节点，只需将“touchable”类添加到其中以调用触摸处理程序。使用Jquery时，可以通过一些逻辑来确保它是真正的触摸事件而不是误报。

$("body").on("touchstart", ".touchable", function() { //make touchable  items fire like a click event
var d1 = new Date();
var n1 = d1.getTime();
setTimeout(function() {
    $(".touchable").on("touchend", function(event) {
        var d2 = new Date();
        var n2 = d2.getTime();
        if (n2 - n1 <= 300) {
            $(event.target).trigger("click"); //dont do the action here just call real click handler
        }
    });
}, 50)}).on("click", "#myelement", function() {
//all the behavior i originally wanted
});

我不确定这是否适用于所有浏览器和设备。 我使用Google Chrome和Safari iOS进行了测试。

$thing.on('click || touchend', function(e){

});

OR运算符应该只触发第一个事件（在桌面上应该是点击，在iPhone上应该是touchend）。

你可以使用计数器来替代超时：

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
});