Javascript 如何使可拖动元素重新映射到同一位置

如何使可拖动的元素在拖动后仍显示在其源框上

下面的脚本将对此进行说明：

功能拖动启动（ev）{
ev.dataTransfer.setData（'text1'，ev.target.id）；
}
功能下降（ev）{
ev.preventDefault（）；
var data=ev.dataTransfer.getData（'text1'）；
ev.target.appendChild（document.getElementById（数据））；
}
功能allowDrop（ev）{
ev.preventDefault（）；
}

.boxarticle{
宽度：200px；
高度：150像素；
边框：1px纯蓝色；
利润率：0 10像素20
}
分队{
宽度：150px；
高度：150像素；
背景色：；
边框：1px纯蓝色；
}

将图像拖放到此处。但将其保留在源位置

您需要克隆它并给它一个新id，否则它将假定为“拖动”

功能拖动启动（ev）
{
ev.dataTransfer.setData（'text1'，ev.target.id）；
}
功能下降（ev）
{
ev.preventDefault（）；
var data=ev.dataTransfer.getData（“text1”）；
var nodeCopy=document.getElementById（数据）.cloneNode（真）；
nodeCopy.id=“randomId”；
ev.target.appendChild（nodeCopy）；
}
功能allowDrop（ev）
{
ev.preventDefault（）；
}

.boxarticle{
宽度：200px；高度：150px；边框：1px纯蓝色；边距：0 10px 20
}
分队{
宽度：150px；高度：150px；背景色：；边框：1px纯蓝色；
}

将图像拖放到此处..但将其保留在源位置