自定义拖放HTML5

Question

我正在尝试使用拖放来重新排序列表中的元素（纯JavaScript）。 我想在拖动操作中对“鬼元素”进行样式化。 由于我读到没有办法正常地进行操作，因此我正在创建重复元素（按我的需要设置样式），将其精确定位在拖动操作期间原始元素应位于的位置，并且在ondrag事件中更新了其位置。

问题在于，由于此重复元素始终始终位于光标之下，因此无法捕获其他元素上的拖动或拖动事件。 无论在DOM中的何处链接的“重复”元素始终会阻止ondragover。 如果我移动重复元素，使其不在光标下方，则可以正常工作，但这违反了无缝重复元素的目的。

是否有某种方式可以忽略此重复元素，以便使其下面的元素获得ondragover事件呢？ 通常情况下，事件只是朝链接重复元素所在位置的父对象冒泡。

Answer 1

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

.duplicateGhostElementClass {
  pointer-events: none;
}

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