Question

我使用以下代码将图像拖动到屏幕区域。我想知道，是否有一个代码可以用来将图像发送回原来的位置，或者至少回到原来的div。我需要这样做，因为经过一段时间后（我只说100秒）我需要一个特定的图像才能返回。所以我可以说我将两个图像拖到该区域，100秒后我希望第一个图像回到原来的位置

<!DOCTYPE HTML>
<html>
<head>
<script>
function allowDrop(ev)
{
   ev.preventDefault();
}

function drag(ev)
{
   ev.dataTransfer.setData("Text",ev.target.id);
}

function drop(ev)
{
   ev.preventDefault();
   var data=ev.dataTransfer.getData("Text");
   ev.target.appendChild(document.getElementById(data));
}
</script>
</head>
<body>
   <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
   <img id="drag1" src="img_logo.gif" draggable="true" ondragstart="drag(event)" width="336" height="69">
   <img id="drag2" src="img_logo2.gif" draggable="true" ondragstart="drag(event)" width="336" height="69">
</body>
</html>

Javascript - 将拖动的图像返回到原始位置

0 个答案: