自定义拖放 HTML5

Question

我正在尝试使用拖放来重新排列列表中的元素（纯 JavaScript）。我想在拖动操作期间对“幽灵元素”进行样式化。因为我读到没有办法做到这一点，所以我正在创建重复元素（按我想要的样式），它在拖动操作期间精确定位在原始元素应该在的位置，并且它的位置在 ondrag 事件中更新。

问题是因为这个重复的元素总是正好在光标下，所以不可能捕获其他元素上的 dragover 或 dragenter 事件。无论 DOM 中的哪个“重复”元素链接它总是会阻塞 ondragover。如果我移动重复元素使其不在光标下它可以工作，但这会破坏无缝重复元素的目的。

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

Answer 1

搞定了。如果它的类有，它似乎可以工作（幽灵元素没有阻止事件）：

.duplicateGhostElementClass {
  pointer-events: none;
}

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