Javascript 拖放-Can'；t拖放到原始位置

我有一个HTML代码，它可以拖放并按预期工作-我一直在思考如何将它拖回原来的位置。下面是HTML代码

功能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；
高度：70像素；
填充：10px；
边框：1px实心#AAAAA；
}

将图像拖动到矩形中：

在其来源处添加另一个放置点，并将其放入其中

功能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部分{
边框：1px实心#AAAAA；
}
.落点{
宽度：350px；
高度：70像素；
填充：10px；
}

将图像拖动到矩形中：

在其来源处添加另一个放置点，并将其放入其中

功能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部分{
边框：1px实心#AAAAA；
}
.落点{
宽度：350px；
高度：70像素；
填充：10px；
}

将图像拖动到矩形中：

也许，再加一块

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

要拖动的

.div{
宽度：350px；
高度：70像素；
边缘顶部：15px；
填充：10px；
边框：1px实心#AAAAA；
}

将图像拖动到矩形中：

也许，再加一块

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

要拖动的

.div{
宽度：350px；
高度：70像素；
边缘顶部：15px；
填充：10px；
边框：1px实心#AAAAA；
}

将图像拖动到矩形中：

您可以使用此链接作为参考-

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

#div1，#div2{
宽度：350px；
高度：70像素；
填充：10px；
边框：1px实心#AAAAA；
}

拖放
在两个div元素之间来回拖动图像

您可以使用此链接作为参考-

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

#div1，#div2{
宽度：350px；
高度：70像素；
填充：10px；
边框：1px实心#AAAAA；
}

拖放
在两个div元素之间来回拖动图像