ドラッグ可能な「コンテンツ」要素のコレクションと、ドラッグ アンド ドロップ中にフィードバックを提供するためにそれらの上に表示されるルートレベルの「フィードバック」UI 要素があります。
問題は、ドラッグ操作中に「feedback」要素にカーソルを合わせると、基になるコンテンツ要素ではなく、その要素でイベントが発生することですdragenter
。dragover
Dragenter イベントが正しい要素で発生するのを効果的に「ブロック」します。
dragenter
要素が/dragover
イベントをキャンセルまたは「オプトアウト」する方法はありますか? コンテンツの下にフィードバック要素を表示することもできますが、それはしたくありません。
jsFiddle: http://jsfiddle.net/jact8/1/
jQueryなどではなく、HTMLドラッグ/ドロップAPIを使用しています。