自定義拖放HTML5

Question

我正在嘗試使用拖放來重新排序列表中的元素（純JavaScript）。 我想在拖動操作中對“鬼元素”進行樣式化。 由於我讀到沒有辦法正常地進行操作，因此我正在創建重復元素（按我的需要設置樣式），將其精確定位在拖動操作期間原始元素應位於的位置，並且在ondrag事件中更新了其位置。

問題在於，由於此重復元素始終始終位於光標之下，因此無法捕獲其他元素上的拖動或拖動事件。 無論在DOM中的何處鏈接的“重復”元素始終會阻止ondragover。 如果我移動重復元素，使其不在光標下方，則可以正常工作，但這違反了無縫重復元素的目的。

是否有某種方式可以忽略此重復元素，以便使其下面的元素獲得ondragover事件呢？ 通常情況下，事件只是朝鏈接重復元素所在位置的父對象冒泡。

Answer 1

得到它的工作。 如果其類具有以下功能，則它似乎可以正常工作（ghost元素未阻止事件）：

.duplicateGhostElementClass {
  pointer-events: none;
}

也許它可以節省一些時間。