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

events, ipad, jquery, jquery-events, mobile-safari

Solution

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.

Problem

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?

Original source