¿Cómo utilizar eventos táctiles sin importar un marco de JavaScript completo impulsado por dispositivos móviles?

Question

Estoy trabajando en un diseño receptivo en el que me gustaría utilizar dos eventos táctiles específicos, tap y swipe. ¿Es posible importar un único segmento de jQuery Mobile (es decir, jquery.mobile.events.js) o una parte de cualquier otro marco de JavaScript movible, sin importar todo el conjunto de activos? Actualmente estoy usando jQuery, para que lo sepas.

Answer 1

Acabo de encontrar una solución para mi problema: TouchSwipe, un plugin jQuery para dispositivos táctiles que maneja eventos de deslizamiento. ¡Como un jefe!

Answer 2

También se puede simplemente descargar el módulo de Events.Touch de jQuery Mobile utilizando su descarga constructor http://jquerymobile.com/download-builder/

sólo debe marcar la opción 'Touch', agregar el archivo JavaScript a su proyecto para que pueda empezar a escuchar eventos tales como:

• touchstart
• touchmove
• touchend
• grifo
• taphold
• golpe
• swipeleft
• swiperight
• scrollstart
• scrollstop

ps: Debe utilizar la biblioteca jQuery como móvil funciona jQuery encima de él .

Answer 3

Puede usar el plugin Jquery de TouchSwipe, es el plugin más fácil que haya tenido Jquery.

https://github.com/mattbryson/TouchSwipe-Jquery-Plugin

$(function() { 
    $(".carousel-inner").swipe({ 
    allowPageScroll:"auto", 
    swipe:function(event, direction, distance, duration, fingerCount, fingerData) { 
     if(direction == 'left'){ 
     $(this).parent().carousel('prev'); 
     } 
     else if(direction == 'right') { 
     $(this).parent().carousel('next'); 
     } 
    } 
    }); 
});