Come utilizzare gli eventi tattili senza importare un intero framework JavaScript basato su dispositivi mobili?

Question

Sto lavorando a un design reattivo sul quale vorrei utilizzare due specifici eventi touch, tap e swipe. È possibile importare una singola slice jQuery Mobile (ad esempio jquery.mobile.events.js) o una parte di qualsiasi altro framework JavaScript basato su mobile, senza importare l'intero set di risorse? Attualmente sto usando jQuery, solo per quello che sai.

Answer 1

Ho appena trovato una soluzione per il mio problema: TouchSwipe, un plugin jQuery per dispositivi touch che gestisce gli eventi di scorrimento. Come un capo!

Answer 2

È anche possibile scaricare il modulo di Events.Touch da jQuery Mobile usando il loro scaricare builder http://jquerymobile.com/download-builder/

sufficiente spuntare l'opzione 'Touch', aggiungere il file JavaScript al progetto in modo da poter iniziare ad ascoltare eventi quali:

• TouchStart
• touchmove
• touchend
• rubinetto
• taphold
• colpo
• swipeleft
• swiperight
• scrollstart
• scrollstop

PS: È necessario utilizzare la libreria jQuery come piste di telefonia mobile jQuery su di esso .

Answer 3

È possibile utilizzare il plug-in TouchSwipe Jquery, è il plug-in più semplice mai realizzato con 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'); 
     } 
    } 
    }); 
});