How to detect a long press on a button/image

Question

I am working on a phonegap project. I need to implement a long press event. How can we detect long press on a image/button using JavaScript?

Answer 1

$('#target').mousedown(function() {
  alert('Handler for .mousedown() called.');
  //start a timer
});

$('#target').mouseup(function() {
  alert('Handler for .mouseup() called.');
  //stop the timer and decide on long click

});

Answer 2

One way that comes in my mind is:

1. In the start of the onclick event, record the time, this gives you the time of the first click.

2. Then check the time span. Suppose, you say 5 seconds time span is a long press event. If check is success, this is a long press event.