首页 文章

自定义拖放HTML5

提问于
浏览
0

我试图使用拖放来重新排序列表中的元素(纯javascript) . 我想在拖动操作期间设计“鬼元素”的样式 . 因为我读到如何做到这一点没有办法,我正在创建重复元素(我想要的样式)准确定位在拖动操作期间原始元素应该在哪里,并且它的位置在ondrag事件内更新 .

问题是,由于这个重复元素总是完全在光标下,因此无法捕获其他元素上的dragover或dragenter事件 . 无论DOM在哪里链接的“重复”元素,它总是阻止ondragover . 如果我移动复制元素,使其不在光标下,它可以工作,但这会破坏无缝复制元素的目的 .

有没有什么方法可以忽略这个重复的元素,所以它下面的元素会得到ondragover事件呢?通常事件只是向重复元素链接的父项的气泡 .

1 回答

  • 0

    搞定了 . 似乎它的工作原理(ghost元素不阻止事件)如果它的类有:

    .duplicateGhostElementClass {
      pointer-events: none;
    }
    

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

相关问题