通常这样也可以:

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

});

编辑:我之前的答案(基于这篇文章中的答案)并不适合我。我想要一个子菜单展开鼠标进入或触摸点击和折叠鼠标离开或另一次触摸点击。由于鼠标事件通常是在触摸事件之后触发的，因此编写同时支持触摸屏和鼠标输入的事件侦听器有点棘手。

jQuery插件:触摸或鼠标

我最终写了一个jQuery插件“Touch Or Mouse”(压缩897字节)，可以检测一个事件是由触摸屏还是鼠标调用的(不需要测试触摸支持!)这样可以同时支持触摸屏和鼠标，并完全分离它们的事件。

通过这种方式，OP可以使用touchstart或touchend来快速响应触摸单击，并使用click来响应仅由鼠标调用的单击。

示范

第一个是ie。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上的工作。

解释

This plugin needs to be called on ie. the body element to track touchstart and touchend events, this way the touchend event does not have to be fired on the trigger element (ie. a link or button). Between these two touch events this plugin considers any mouse event to be invoked by touch. Mouse events are fired only after touchend, when a mouse event is being fired within the ghostEventDelay (option, 1000ms by default) after touchend, this plugin considers the mouse event to be invoked by touch. When clicking on an element using a touchscreen, the element gains the :active state. The mouseleave event is only fired after the element loses this state by ie. clicking on another element. Since this could be seconds (or minutes!) after the mouseenter event has been fired, this plugin keeps track of an element's last mouseenter event: if the last mouseenter event was invoked by touch, the following mouseleave event is also considered to be invoked by touch.

为什么不使用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
};

更新:查看jQuery指针事件Polyfill项目，它允许您绑定到“指针”事件，而不是在鼠标和触摸之间选择。

绑定到两者，但要做一个标记，以便函数每100ms左右只触发一次。

var flag = false;
$thing.bind('touchstart click', function(){
  if (!flag) {
    flag = true;
    setTimeout(function(){ flag = false; }, 100);
    // do something
  }

  return false
});

对于我来说，最好的答案是motie给出的，我只是试图让他的代码更可重用，所以这是我的贡献:

bindBtn ("#loginbutton",loginAction);

function bindBtn(element,action){

var flag = false;
$(element).bind('touchstart click', function(e) {
    e.preventDefault();
    if (!flag) {
        flag = true;
        setTimeout(function() {
            flag = false;
        }, 100);
        // do something
        action();
    }
    return false;
});

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

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

这对我很管用。