Detectando Swipe de iOS con javascript?

[dual3nigma]

Bien, no estoy seguro de que funcione en Android, no tengo un teléfono Android por que odio Android así que no puedo probarlo.


Dejando de lado eso les traigo un método sencillo que he utilizado para detectar el swipe horizontal en dispositivos iOS, es supersencillo de implementar y modificar. Por ejemplo para un plus a ese slideshow o esa galería, etc.

Aquí les va el código, chequenlo y cualquier cosa me dicen
https://github.com/dual3nigma/HTML5-...e/master/swipe


Saludos!!!!

[dual3nigma]

Bien, como nadie dice nada les comento más del código xD

Todo surgio, cuando necesitaba gestos y eventos multitouch en iPad, no quería meter una librería gigante y acoplarme a las reglas de por ejemplo Sencha Touch. Lo que estaba haciendo requería de más libertad. Busque y busque y lo que encontré no servia xD. Asi que lo hice manual, solo que lo único que tengo aislado de mi aplicacion es este pequeño archivito con la funcionalidad de detectar un swipe horizontal, entendiendola puedes buscar crear mas eventos si los necesitas.

Miren lo fácil que es la implementación:

Código Javascript:

monitorSwipe('body', function (direccion) {
            alert(direccion);
        });
 

La lógica detrás de esto es aun más sencilla (para mi, como diría mi maestro de cello).

Tienes 3 eventos importantes aquí:

TouchStart es cuando el dedo o dedos toca(n) la superficie, aquí recibes la coordenada de en donde ocurrio el toque, es importante checar touches.length para saber cuantos dedos esta utilizando.

TouchMove cuando uno o todos los dedos se mueven, recibes otra vez las coordenadas del movimiento.

TouchEnd.

Cuando el dedo deja de hacer contacto con la superficie recibes este evento pero sin coordenadas.

Aqui es donde puedes detectar si se hace swipe left o swipe right, swipe top o swipe bottom.

Código Javascript:

var direccion = 'left';
        // hacia adelante y hacia atras
        if(startX > endX) direccion = 'right';
 

Espero les sirva, saludos