2012-10-03 25 views
6

Mozillaでは application/x-moz-nodeタイプのDOMノード要素をドラッグアンドドロップできます。 Chrome、Operaなどと同様のタイプがありますか?HTML5ノードのドラッグアンドドロップ

ありがとうございました。

+1

私が今までに見つけたことは、基本的に不可能だということです。しかし、あるページに物をドラッグすると、グローバルなデータオブジェクトを保持して読み書きすることができます。とにかく、一度に1つのドラッグしか起こらないのです。異なるドメイン間でノードをドラッグする方法はないようですが、私が知る限り、特別なデータを他のドメインに転送することはできません。 'postMessage' APIは文字列(あるいは少なくとも文字通りのもの)だけを許可します。同じドメインのiframe間でノードをドラッグするのはあまり美味しくはありませんが、iframeは親のグローバルオブジェクトを読み取ることができます。 – pimvdb

+0

何もないようです。参照:http://stackoverflow.com/questions/14291590/what-is-the-data-type-in​​-html-5-if-i-need-to-drag-and-drop-a-div-to -another-div – RhinoDevel

答えて

1

ブラウザ間でドラッグアンドドロップの動作を一貫させる場合は、jQueryUIを使用することをお勧めします。 DraggableDroppableで、彼らはあなたのためにすべての努力をしてきました。

+1

これはもちろん簡単な解決策ですが、ネイティブのドラッグアンドドロップ機能とは統合されません。 – pimvdb

+0

良い点。それでは、私は実際には考えていません... –

0

Modernizr.draganddropを使用して、HTML 5のネイティブドラッグ& Dropの機能を検出できます。

ブラウザがこの機能をサポートしている場合。 draggable = trueを使用してノードをドラッグ可能に設定できます。それ以外の場合は、JQuerUIを使用してサポートする必要があります。

+0

'drop'イベントでどのようにノードをドラッグするのですか?問題は、ノードをドラッグデータとして設定する方法です。 Modernizrはサポートを追加しておらず、jQuery UIはこの主題とはほとんど関係がありません。 – pimvdb

関連する問題