自定义拖放 HTML5

Question

我正在尝试使用拖放来重新排序列表中的元素（纯Javascript）。我想在拖动操作期间对“幽灵元素”进行样式化。

因为我读到没有标准方法可以做到这一点，所以我正在创建重复元素（根据我想要的样式），其位置恰好位于拖动操作期间原始元素应在的位置，并且其位置在

ondrag

事件内更新。

问题在于，由于这个重复元素始终位于光标正下方，因此无法捕获其他元素上的

dragover

或

dragenter

事件。无论“重复”元素位于 DOM 中的哪个位置，它总是会阻塞

dragover

。如果我移动重复元素使其不在光标下方，它可以工作，但这违背了无缝重复元素的目的。

是否有某种方法可以忽略此重复元素，以便其下方的元素将获得

ondragover

事件？通常事件只是冒泡到重复元素所在的父元素。

Answer 1

成功了。如果它的类有：

，它似乎可以工作（幽灵元素不会阻止事件）

.duplicateGhostElementClass {
  pointer-events: none;
}

也许它可以节省一些人的时间。