スワイプ効果をキャプチャしてHTML5の次のページに移動します。Ipad App

Ipadのオンライン製品カタログのオフラインバージョンを作成しています。 HTML5/JSで記述され、オフラインの画像キャッシュとローカルストレージを利用します。スワイプ効果をキャプチャしてHTML5の次のページに移動します。Ipad App

私は、スワイピングの面でIpadと同じUIインタラクションを導入できるようにしたいと考えています。したがって、ユーザーが右から左にスワイプすると、次の製品がロードされます。左から右にスワイプすると、前の画像が読み込まれます。

これをJavascriptでどのようにキャプチャしますか？

出典

2011-11-21 32423hjh32423

あなたがここにモバイルのSafariでサポートされているイベントを見てすることができます http://developer.apple.com/library/IOs/#documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

touchstart、

あるいは、特にtouchmoveとtouchendイベントをあなたは車輪の再発明をしたくない場合、あなたはこれらのスクリプトを見て持つことができます。 http://cubiq.org/swipeview

http://plugins.jquery.com/project/swipe

出典

2011-11-21 07:44:28 mamoo

私ができますいろいろなドキュメンテーション（アップル社の公式またはウェブサイトのプログラミング担当者）を見てみると、タッチイベントオブジェクトの構造に細心の注意を払う必要があることを十分に強調しています。タッチイベントオブジェクト内のプロパティの階層、特にあなたがやろうとしているものに関連する階層は、標準の「デスクトップ」イベントオブジェクトとは大きく異なります。これは本当に私が最初にタッチイベントを処理し始めたときのループのために私を投げました。 – natlee75

スワイプ効果をキャプチャしてHTML5の次のページに移動します。Ipad App

答えて

関連する問題