phonegap: è possibile rilevare swipeLeft e SwipeRight touch da Javascript?

Question

Chiedo se un'applicazione di PhoneGap è in grado di riconoscere gli eventi relativi a swipeLeft e SwipeRight in Javascript.

Answer 1

Utilizziamo quo.js. È una struttura leggera per gestire eventi multi touch e altro ancora.

Answer 2

Zepto ha eventi touch per swipeLeft e swipeRight, e molti altri: http://zeptojs.com/#Touch%20events

Answer 3

PhoneGap non darà più toccare gli eventi di quello che altrimenti ottenere con un normale sito web mobile. Cioè si tratta semplicemente di avvolgere un UIWebView (su iOS) o qualunque sia l'equivalente sulle altre piattaforme.

eventi tocco di browser mobili includono touchstart, touchend, touchmove, ecc

Non ci sono eventi di fantasia magnetiche, o eventi doppio tap, o qualcosa di simile in modo nativo implementato nel browser mobile.

Ma è possibile simulare quegli eventi più complicate utilizzando javascript in collaborazione con il brodo touchstart, touchend eventi, ecc

Per fortuna non è necessario preoccuparsi di scrivere quegli eventi te stesso, perché quasi tutti i framework mobile ha fatto per te. Altre persone hanno menzionato alcune librerie che gestiscono eventi touch.

Io personalmente tendo ad usare jQuery Mobile che ha eventi swipeleft e swiperight, così come altri.

http://jquerymobile.com/demos/1.2.0/docs/api/events.html

Non hanno nemmeno bisogno di utilizzare l'intero framework jQuery Mobile se non si vuole. Puoi semplicemente includere i gestori di eventi touch se lo desideri.

Answer 4

Utilizzare this un suo funzionamento in iOS e Android con PhoneGap.

$("#test").swipe({ 
    click:function(event, target) { 
     log("click from callback"); 
    }, 
    swipe:function(event, direction, distance, duration, fingerCount) { 
     log("swipe from callback"); 
    }, 
    swipeLeft:function(event, distance, duration, fingerCount) { 
     log("swipeLeft from callback"); 
    }, 
    swipeRight:function(event, distance, duration, fingerCount) { 
     log("swipeRight from callback"); 
    }, 
    swipeUp:function(event, distance, duration, fingerCount) { 
     log("swipeUp from callback"); 
    }, 
    swipeDown:function(event, distance, duration, fingerCount) { 
     log("swipeDown from callback"); 
    }, 
    swipeStatus:function(event, phase, direction, distance, duration, fingers) { 
     log("swipeStatus from callback"); 
    }, 
    pinchIn:function(event, direction, distance, duration, fingerCount, pinchZoom) { 
     log("pinchIn from callback"); 
    }, 
    pinchOut:function(event, direction, distance, duration, fingerCount, pinchZoom) { 
        log("pinchOut from callback"); 
    }, 
    pinchStatus:function(event, phase, direction, distance , duration , fingerCount, pinchZoom) { 
        log("pinchStatus from callback"); 
    }, 
       fingers:$.fn.swipe.fingers.ALL 
    }); 

Answer 5

eccellente plugin per jQuery TouchSwipe-Jquery-Plugin per colpo dispone