自定义拖放HTML5

Question

我试图使用拖放来重新排列列表中的元素（纯javascript）。我想在拖动操作过程中设置“鬼元素”。由于我读过没有办法如何做到这一点，所以我创建了重复元素（样式为我想要的），准确定位原始元素在拖动操作期间的位置，并且它的位置在ondrag事件内更新。

问题是，由于这个重复元素总是在光标下，所以不可能在其他元素上捕获dragover或dragenter事件。无论DOM中的哪个部分是“重复”元素，它总是阻止ondragover。如果我移动重复元素，使其不在光标下方工作，但这会破坏无缝重复元素的用途。

有没有什么办法可以忽略这个重复的元素，所以它下面的元素会得到ondragover事件呢？通常情况下，事件只是向重复元素链接到的父级发起泡沫。

Answer 1

得到它的工作。看来，它的工作原理（鬼元素没有阻止事件）如果类有：

.duplicateGhostElementClass { 
    pointer-events: none; 
} 

也许有人可以节省一定的时间。