fast click for touch-based(mobile) browsers. require jQuery.

tap.js

!function () {
    if ('ontouchstart' in document) {
        var touched, startX, startY
        $(document)
        .on('touchstart', function (evt) {
            touched = evt.target

            var touch = evt.originalEvent.touches[0]
            startX = touch.clientX
            startY = touch.clientY
        })
        .on('touchmove', function (evt) {
            var touch = evt.originalEvent.touches[0]
            if (Math.abs(startX - touch.clientX) > 10 || Math.abs(startY - touch.clientY) > 10)
                touched = null
        })
        .on('touchend', function (evt) {
            if (touched) $(touched).trigger('tap')
        })
    } else {  // fallback for touch-unsupported browsers
        $(document).on('click', function (evt) {
            $(evt.target).trigger('tap')
        })
    }
}()

Usage

$('.element').on('tap', function () {
  // do something
})

// delegate
$('body').on('tap', '.target', function () {
  // do something
})

TODO

use native event model

var evt = document.createEvent('HTMLEvents')
evt.initEvent('tap', true, true)
target.dispatchEvent(evt)

// or CustomEvent()?

challenge

ie6 dont support custom event
http://dean.edwards.name/weblog/2009/03/callbacks-vs-events/ hack