Regular click event for touch devices [jQuery]

gistfile1.js

'createTouch' in document && (jQuery.event.special.click = {
  setup: function(data, namespaces, eventHandle) {
    var t;
    $(this).bind('touchstart.touchClick', function() {
      t = +new Date;
    }).bind('touchend.touchClick', function(e) {
      if (+new Date < t + 200) {
        $(this).trigger('click', e);
      }
    })
  },
  teardown: function() {
    $(this).unbind('.touchClick');
  }
});

E.g. The iPad fakes Mouse events to increase compatibility. But they suck. And they're delayed.

This gives you back the click event, at least. So you can bind as you usually would:

$(el).bind('click', ...);