タッチイベントを使用してJavascriptでスワイプからのクリックを区別しようとしています。私は知っている、タッチイベントオブジェクトのプロパティは、 'touchend'イベントの違いを判断するために検査することができますか、またはタッチスタートまたはタッチとタッチモーブイベントの両方を聞く必要がありますか?私はDOMに追加する必要があるイベントリスナーの数を最小限に抑えようとしており、単一のイベントを観察してこれを行うことが可能かどうか疑問に思っていますか?具体的には、iOS上でWebkitを見ています。Javascript Touch Object
0
A
答えて
2
クリックイベントにまったくバインドしないでください。これは、タッチイベントの収集よりもはるかに遅く応答します。
スワイプを確認するには、タッチスタートとトゥーチンドイベントを待ち受ける必要があります。そのイベントが発生したときに何かをする予定がない限り、touchmoveについて心配しないでください。
タッチスタートイベントでは、イベントのx/y位置を記録する必要があります。 touchendイベントで、同じことをやり直してください。あなたが必要とするのはある種の閾値なので、x1-x2とy1-y2の差を計算すると、それがスワイプかどうかを判断できます。
アップルはここでtouchmoveに関連するメタアルゴリズムを提供しますhttp://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html。そのページで「スワイプを特定」を検索すると、そのスワイプを見つけることができます。
私は個人的にtouchmoveを使用する必要はなく、私が上記の技術をうまく使っています。しかしどちらかが有効なアプローチなので、最も効果的なものを調査する必要があります。
関連する問題
- 1. エラー:Javascriptの[object Object]
- 2. Javascript Object Prototype
- 3. Javascriptエラーメッセージ - "Object required"
- 4. Javascript IE7:Object Expected
- 5. javascript this object
- 6. と[object HTMLInputElement] javascript
- 7. Javascript Object Access
- 8. "Object Expected" Javascript Error
- 9. Javascriptを:2つのObject /アレイ
- 10. sencha touch 2のjavascript on( "load")
- 11. javascript time "object"の呼び出し
- 12. 2 Javascript Image-Objectに関する質問
- 13. javascriptでは、なぜ{}!== Object()ですか?
- 14. Javascriptエラー、Uncaught TypeErrorオブジェクト 'object object'の '$'が関数ではありません
- 15. UIButton touch on touch
- 16. iPad - UIImageView touch to touch
- 17. Jquery-Object expected
- 18. カスタムマップ<Object、Object> XmlAdapter
- 19. java.lang.NoSuchMethodError:javax.ws.rs.core.MultivaluedMap.addAll(Ljava/lang/Object; [Ljava/lang/Object;)
- 20. Object :: *
- 21. Android Gallery Image on touch to touch
- 22. Sencha Touch 2対DHTMLX Touch
- 23. Sencha Touch - First Touchのスクロールディレイ
- 24. [object、Object]、[object、Object]のJSON配列を実際の値に変換しますか?
- 25. Object obj = Object()とObject obj()の違いは何ですか?
- 26. sencha touch/phonegap - database
- 27. JsTestDriver:expected [object] was {....}
- 28. CakePHP:Non Object
- 29. は、Object
- 30. どうすればobject == this、しかしobject.member!= this.member in Javascript?
ご回答ありがとうございます。私はこれをコード化しました。ちょうどあなたが提案したようにtouchstartとtouchendを使って、そしてリスナーをDOMの上位に適用して、ページレベルでの各イベントの1つのために「クリック」できる個々のコンポーネントごとにイベントを追加しません。 – Purpletoucan