保留被拖动的元素

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));
}

在console.log的{​​{1}}我得到了这个

document.getElementById(data)

但它不会停留，如果有人可以给我一个如何保持元素的想法。 谢谢。 （编辑）添加图片

我希望该项目最初保持在同一个地方。

Answer 1

不是将元素移动到新位置，而是先将其克隆，然后在那里附加新元素。

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

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