Javascript 如何在保留原始图像的同时拖动图像？

如何复制图像并将其拖动，同时将原始图像保留在同一位置

功能allowDrop（ev）{
ev.preventDefault（）；
}
功能阻力（ev）{
ev.dataTransfer.setData（“文本”，ev.target.id）；
}
功能下降（ev）{
ev.preventDefault（）；
var data=ev.dataTransfer.getData（“文本”）；
ev.target.appendChild（document.getElementById（数据））；
}

#第1部分{
宽度：350px；
高度：200px；
填充：10px；
边框：1px纯黑；
}
img{
高度：100px；
宽度：100px；
}

我想你想要这个：

function drop(ev)
{
   ev.preventDefault();
   var data=ev.dataTransfer.getData("Text");
   ev.target.appendChild(document.getElementById(data).cloneNode(true));
}

---

这几乎就是你所做的，但是你必须克隆图像并添加克隆，而不是原始图像

一定要包括jQuery，因为用vanilla JS编写它会很痛苦

加：

$（“正文”）。追加（“”）；

拖动（电动车辆） 和

$（.drag2”）.removeClass（“drag2”）.attr（“id”，“drag1”）；

到

下降（ev）

希望这有帮助