1

ドラッグ アンド ドロップを使用して、リスト内の要素を並べ替えようとしています (純粋な JavaScript)。ドラッグ操作中に「ゴースト要素」のスタイルを設定したいと思います。それを標準で行う方法がないことを読んだので、ドラッグ操作中に元の要素があるべき場所に正確に配置された複製要素(必要に応じてスタイル設定)を作成し、その位置が ondrag イベント内で更新されます。

問題は、この重複要素が常にカーソルの真下にあるため、他の要素での dragover または dragenter イベントをキャプチャできないことです。DOM のどこに「重複」要素がリンクされていても、常に ondragover をブロックします。重複要素をカーソルの下にないように移動すると機能しますが、それはシームレスな重複要素の目的を無効にします。

この重複した要素を無視して、その下にある要素が代わりに ondragover イベントを取得する方法はありますか? 通常、イベントは、複製された要素がリンクされている場所の親に向かってバブルします。

4

1 に答える 1

1

動作しました。クラスが次の場合、機能するようです(ゴースト要素はイベントをブロックしていません):

.duplicateGhostElementClass {
  pointer-events: none;
}

おそらく、誰かの時間を節約できます。

于 2015-01-10T03:47:26.020 に答える