How can I recognize touch events using jQuery in Safari for iPad? Is it possible?

Question

Is it possible to recognize touch events on the iPad's Safari browser using jQuery?

I used mouseOver and mouseOut events in a web application. Are there any similar events for the iPad's Safari browser since there are no events like mouseOut and mouseMove?

Answer 1

Core jQuery doesn't have anything special for touch events, but you can easily build your own using the following events

• touchstart
• touchmove
• touchend
• touchcancel

For example, the touchmove

document.addEventListener('touchmove', function(e) {
    e.preventDefault();
    var touch = e.touches[0];
    alert(touch.pageX + " - " + touch.pageY);
}, false);

This works in most WebKit based browsers (incl. Android).

Here is some good documentation.