ejemplos - evento jquery click para tabletas y teléfonos con pantalla táctil

onclick jquery ejemplos

Question

Ok, soy bastante nuevo en el desarrollo web para plataformas móviles / tabletas. Aunque tengo bastante confianza en el desarrollo de un entorno de navegador.

Mi problema es que no tengo ninguna tableta (soy pobre, así que tengo que volar a ciegas), así que es difícil para mí hacer pruebas . También estoy bastante ansioso de que los eventos de clic no funcionen correctamente.

¿Cómo puedo asegurarme de que los eventos click y mousedown jquery funcionan correctamente en tabletas / teléfonos inteligentes?

¿Existe algún consenso sobre las mejores prácticas para eventos de clic y tabletas / teléfonos inteligentes?

Nota: no estoy desarrollando un sitio solo para móviles, el sitio se transforma en forma para móviles.

Answer 1

Los navegadores móviles seguirán respondiendo a los eventos de clic, aunque introducirán un retraso (generalmente alrededor de 300 ms). Si desea una experiencia más receptiva, puede intentar detectar si se encuentra en una plataforma móvil y usar eventos de touchend touchstart o de touchend . Considero que el touchend suele ser una mejor experiencia, principalmente porque la mano del usuario todavía está en el camino cuando se dispara el touchstart .

Algo como esto:

$(element).on(isMobile ? ''touchend'' : ''click'', function(e) {...});

O puede usar hammer.js , que funcionará tanto para equipos de escritorio como para dispositivos móviles.

En cuanto a las pruebas, puede leer las respuestas a esta pregunta de Stackoverflow: simulación de eventos táctiles en un navegador de PC .