javascript - 保留被拖动的元素

Question

我正在创建一个拖动事件，但是当我这样做时，我想保留我试图拖动的元素。

这是我尝试做的。

function drag(ev) {

ev.dataTransfer.setData("text", ev.target.id);
var data = ev.dataTransfer.getData("text");
console.log(document.getElementById(data));
document.getElementById("tareas").append(document.getElementById(data));
}

在 document.getElementById(data) 的 console.log 中，我得到了这个

<p id="item1" class="text-danger materias" draggable="true" ondragstart="drag(event)">Cambio aceite</p>

但它不会留下来，如果有人能给我一个关于如何保留该元素的想法。 谢谢。 (编辑)添加图像

我希望该项目保留在最初的位置。

Answer 1

您可以先克隆它，然后将新元素附加到那里，而不是将元素移动到新位置。

例如:将 drag() 中的最后一行更改为:

document.getElementById("tareas").append(document.getElementById(data).cloneNode(true));