phonegap：JavascriptからswipeLeftとSwipeRight touchを検出できますか？

Question

私はPhonegapアプリケーションがJavascriptでswipeLeftとSwipeRight関連イベントを認識できるかどうか尋ねます。

Answer 1

は、我々はquo.jsを使用しています。マルチタッチイベントなどを処理するための軽量フレームワークです。

Answer 2

ZeptoがswipeLeftとswipeRightためのタッチイベント、および他の多くを持っていますhttp://zeptojs.com/#Touch%20events

Answer 3

PhoneGapのは、あなたがそうでなければ、通常のモバイルウェブサイトで取得よりも、イベントに触れもうあなたを与えるものではありません。私。 UIWebView（iOS上）やその他のプラットフォームに相当するものをラッピングするだけです。モバイルブラウザで

タッチイベントはtouchstart、touchend、touchmove含んなど

ない任意の空想スワイプイベント、またはダブルタップのイベント、またはネイティブモバイルブラウザに実装されているようなものがあります。

しかし、あなたは株式touchstartと一緒にJavaScriptを使用して、これらのより複雑な事象をシミュレートすることができ、touchendイベントなど

ほぼすべてのモバイルフレームワークがそれを行っているので、幸運なことに、あなたはこれらのイベントを自分で書く気にする必要はありません。あなたのために。他の人は、タッチイベントを処理するライブラリについて言及しています。

私自身は、swipeleftとswiperightというイベントを含むjQuery Mobileを使用する傾向があります。

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

あなたも、あなたがしたくない場合は、完全なjQueryのモバイルフレームワークを使用する必要はありません。必要に応じて、タッチイベントハンドラを含めることができます。

Answer 4

使用this IOSおよびPhoneGapの持つアンドロイドの内の1つのその作業。スワイプのため

$("#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

優秀なjQueryプラグインTouchSwipe-Jquery-Pluginは