0

HTML5 ドラッグ アンド ドロップを使用すると、ドラッグ可能なコンテナー内のテキストが選択できなくなります。

ユーザーが選択した CSS タグをテキストの親要素に追加しようとしましたが、役に立たなかったようです。

   [draggable] {
     -moz-user-select: all;
     -khtml-user-select: all;
     -webkit-user-select: all;
      user-select: all;
   }

このフィドル(HTML5 Rocks から) は、私が抱えている問題を示しています。

HTML5 Rocks Drag and Drop チュートリアルには、 「他の種類のコンテンツをドラッグ可能にしたい場合は、HTML5 DnD API を利用する必要があります」と書かれています。私はそれがどのように機能するか分からないと思います

このフィドルは機能しますが、jQuery UI を使用します。ペイロードが重いため、jQuery UI を使用できません。

ドラッグアンドドロップをサポートして選択を取得するための標準的で軽量な方法はありますか?

4

1 に答える 1

-1

ここでの簡単なトリックは、要素全体ではなく、ドラッグ可能なヘッダー要素を作成することです。

<div class="dragme">
    <header dragable="true">Header</header>
 <p>Content</p>
</div>
于 2012-10-22T19:08:56.977 に答える