¿Cómo se reconocen los eventos táctiles usando jQuery en Safari para iPad? ¿Es posible?



Answers

Si usas jQuery 1.7+, es incluso más simple que todas estas otras respuestas.

$('#whatever').on({ 'touchstart' : function(){ /* do something... */ } });
Question

¿Es posible reconocer eventos táctiles en el navegador Safari del iPad usando jQuery?

Usé los eventos mouseOver y mouseOut en una aplicación web. ¿Hay algún evento similar para el navegador Safari del iPad ya que no hay eventos como mouseOut, mouseMove?




Puede usar .on() para capturar múltiples eventos y luego probar la pantalla táctil, por ejemplo:

$('#selector')
.on('touchstart mousedown', function(e){
  e.preventDefault();
  var touch = e.touches[0];
  if(touch){
    // Do some stuff
  }
  else {
    // Do some other stuff
  }
});



Sé que llegué un poco tarde a esto, pero solo probé el complemento GitHub jQuery Touch Events de benmajor para las versiones 1.4 y 1.7+ de JQuery. Es liviano y funciona perfectamente con ambos on y se bind tiempo que proporciona soporte para un conjunto exhaustivo de eventos táctiles.




Usar touchstart o touchend por sí solo no es una buena solución, porque si se desplaza por la página, el dispositivo la detectará al tocar o tocar también. Entonces, la mejor manera de detectar un evento de tocar y hacer clic al mismo tiempo es simplemente detectar los eventos táctiles que no están moviendo la pantalla (desplazamiento). Para hacer esto solo agregue este código a su aplicación:

$(document).on('touchstart', function() {
    detectTap = true; //detects all touch events
});
$(document).on('touchmove', function() {
    detectTap = false; //Excludes the scroll events from touch events
});
$(document).on('click touchend', function(event) {
    if (event.type == "click") detectTap = true; //detects click events 
       if (detectTap){
          //here you can write the function or codes you wanna execute on tap

       }
 });

Lo probé y funciona bien para mí en iPad y iPhone. Detecta el toque y puede distinguir el toque y tocar el desplazamiento fácilmente.




Links