Get the duration of a touch in javascript

Question

Is it possible to get the duration of a touch using javascript on ios devices (and others if possible)? I would like to differentiate a long press from a short "click" press on an iphone webapp.

Thank you for your help!

Answer 1

$('#element').each(function() {

   var timeout,
       longtouch;

   $(this).bind('touchstart', function() {
      timeout = setTimeout(function() {
          longtouch = true;
      }, 1000);
   }).bind('touchend', function() {
       if (longtouch) {
          // It was a long touch.
       }
       longtouch = false;
       clearTimeout(timeout);
   });

});

jsFiddle.

The fiddle works with a long click.

Answer 2

Take a look at jQuery mobile http://jquerymobile.com/demos/1.0a4.1/#docs/api/events.html

It has tap, and taphold events, which sounds like it might fit your needs.