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

by

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.

More Related Contents:

  1. How can I trigger the same function from multiple events with jQuery?
  2. onHide() type event in jQuery
  3. triggerHandler vs. trigger in jQuery
  4. jQuery callback on image load (even when the image is cached)
  5. jQuery find events handlers registered with an object
  6. jQuery ‘input’ event
  7. What is the difference between the mouseover and mouseenter events?
  8. jQuery same click event for multiple elements
  9. How to trigger click event on href element
  10. Delay jquery hover event?
  11. event.originalEvent jQuery
  12. Get clicked element using jQuery on event?
  13. jQuery click event not working in mobile browsers
  14. return false from jQuery click event
  15. iPad/iPhone hover problem causes the user to double click a link
  16. Mobile Safari bug on fixed positioned button after scrollTop programmatically changed…?
  17. Trigger change() event when setting ‘s value with val() function
  18. What’s the difference between keyup, keydown, keypress and input events?
  19. Events not registering after replaceWith
  20. jquery how to catch enter key and change event to tab
  21. Resize event firing multiple times while dragging the resize handle
  22. How to pass values arguments to modal.show() function in Bootstrap
  23. jquery live event for added dom elements
  24. Disable scrolling when changing focus form elements ipad web app
  25. iPad HTML Focus
  26. jQuery get input value after keypress
  27. iOS Safari – How to disable overscroll but allow scrollable divs to scroll normally?
  28. Click event called twice on touchend in iPad
  29. Jquery how to bind click event on dynamically created elements?
  30. Jquery .on(‘scroll’) not firing the event while scrolling

Leave a Comment