タイトルはまさにその通りです。
私が見つけたデモはすべて、div を特定の場所 (たとえばゴミ箱) にドロップするものです。画面上のどこにでもドロップできるドラッグ可能な div を作成する必要があります。
これを HTML5 で実行することは可能ですか? できない場合は、どのように実行すればよいですか?
ベストアンサー1
実に簡単です。
- イベントでは
dragstart
、ユーザーがドラッグ可能な要素をクリックした場所と左上隅の間のオフセットを計算します。 dragover
要素をどこにでもドロップできるように、イベントがドキュメント全体に適用されていることを確認してください。- イベントでは、ドロップの
drop
オフセットを使用して計算し、要素を配置する場所を決定します。clientX
clientY
これが一つ私事前に準備したボーナスポイントとして、要素の上部と左の位置を更新することができます。ドラッグオーバーイベントこれは、ドラッグを許可している部分が、移動する必要がある要素全体ではない場合に便利です。