通常这样也可以:

$('#buttonId').on('touchstart click', function(e){
    e.stopPropagation(); e.preventDefault();
    //your code here

});

你可以这样尝试:

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

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

$('#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事件API?

http://learn.jquery.com/events/event-extensions/

我成功地使用了这个简单的事件。它干净、可命名且足够灵活，可以继续改进。

var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);
var eventType = isMobile ? "touchstart" : "click";

jQuery.event.special.touchclick = {
  bindType: eventType,
  delegateType: eventType
};

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

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

这对我很管用。

尝试使用虚拟鼠标(vmouse)绑定从jQuery移动。 这是针对你的案例的虚拟事件:

$thing.on('vclick', function(event){ ... });

http://api.jquerymobile.com/vclick/

浏览器支持列表:http://jquerymobile.com/browser-support/1.4/