How do I capture when a finger touches the screen and when a finger is removed from a screen on touchscreen device

Question

Hi,

I am developing an app for a touchscreen and I would like to capture the equivalent of the mouse down and mouse up events.

For example, when the user has their finger touching the screen, a javascript function will execute, but when the finger leaves the screen function stops.

I am using firefox 3.5, with the jQuery framework for my javascript.

Thanks for any help, Ben

Answer 1

Just use jQuery mousedown and mouseup.

There are no specific events for using a finger, because all the finger actions do are to fire the mouse events on the page:

$(document).mousedown(function(e) {
   alert("Finger is Down");
});

$(document).mouseup(function(e) {
   alert("Finger is Up");
});

Answer 2

I think this jQuery plugin can help you.