自定义拖放HTML5

Question

我正在尝试使用拖放来重新排序列表中的元素（纯javascript）。我想要将幽灵元素和＃34;在拖动操作期间。因为我读到了如何做到这一点，我正在创建重复的元素（按照我想要的样式）准确定位在拖动操作期间原始元素应该在哪里，并且它的位置在ondrag事件中更新。

问题在于，由于此重复元素始终完全在光标下，因此无法捕获其他元素上的dragover或dragenter事件。无论DOM在哪里，重复＆＃34;元素链接它总是阻止ondragover。如果我移动复制元素使其不在光标下它可以工作，但这会失去无缝复制元素的目的。

是否有某种方法可以忽略这个重复元素，因此它下面的元素会获得ondragover事件？通常情况下，事件只会向重复元素链接的位置的父项冒泡。

Answer 1

搞定了。如果它的类具有：

，它似乎可以工作（ghost元素不会阻塞事件）

.duplicateGhostElementClass {
  pointer-events: none;
}

也许这会节省一些时间。