-1

我需要能够使用 HTML5 将图像拖放到另一个图像之上。任何人都可以帮忙吗？

我所找到的只是关于如何将图像拖放到一个div而不是另一个图像的教程。

4

2 回答 2

0 
    <!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">

   </body>
   </html>
于 2013-02-26T06:06:33.770 回答
0

现在回答可能为时已晚，但这里有一个解决方案，以防万一它可以提供帮助，他提供了一个聪明的技巧并链接了一个 jsfiddle： 从图像拖放到另一个图像

于 2020-10-07T09:35:43.573 回答