2012-01-06 5 views
15

iPadで閲覧できるようにウェブページをコーディングしています。これはSafaris/Webkitsのドラッグ&ドロップを使用します。私はちょうどSafariの例のドラッグ&ドロップコードをコピーしたが、それは動作しません。Safari iOSのドラッグアンドドロップ:ドラッグしないで、デスクトップ/ iPadのドロップに反応しない

私の問題:私はSafariのデスクトップ上やiPadのSafariでWebページ(HTML、CSS & Javascriptを)実行するとはondropイベントがトリガされることはありません。私は要素をドラッグすることはできませんipadで(顕微鏡の妖精表示&私は&私の指を要素上に移動するときにドラッグしないでください)。しかし、ドラッグはデスクトップ上で動作します。

What's going wrong?

小さなコード例は、このページの一番下に見つけることができます:http://developer.apple.com/library/safari/#documentation/appleapplications/Conceptual/SafariJSProgTopics/Tasks/DragAndDrop.html

ここで(ドラッグ&ドロップがこれだけのSafari、このWebページが唯一のiPad用であるためのWebkitであることを覚えている)JSFiddleです:http://jsfiddle.net/eyM3y/

+0

問題はありません。私はChrome(16.0.912.75)Safari(5.1.2(7534.52.7))とiOS 5.0.1を実行しているiPadでテストしたところ、うまくいきました。私はこれを再現することができない欠けているものは何ですか? –

+0

@DanielKurka Safariバージョン5.1.2(7534.52.7)では動作しません。それも私のipadで動作しません。 WindowsやMacOSにはいますか? –

+0

私はあなたが達成しようとしているものを手に入れません。私が何かを引っ張るたびに私は警報を発します、私はただのスペースで何も得られません。 – nmagerko

答えて

1

Appleのマニュアルにリンクしているページの上部を読んだことがありますか?それは言う:

注:この技術は、Safariのデスクトップバージョンでのみサポートされています。 iOSの場合は、「イベントの処理(Safari Web Content Guideの一部)」および「Safari DOM追加情報リファレンス」で説明されているDOM Touchを使用します。

DOM Touch link

Safari DOM Additions link

私はあなたがドラッグ&ドロップでかつ上touchmoveとtouchendイベントの代わりをリッスンすることができます信じています。 :)

1

私のプロジェクトでも同様の問題が発生しましたが、チュートリアル:http://popdevelop.com/2010/08/touching-the-web/で解決できます。それは私のために働く、私はあなたがそれを好きであることを望む。

関連する問題