小编LFS*_*ANS的帖子

例如:

<script type="text/javascript">
  function allowDrop(ev) {
    ev.preventDefault();
  }

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

  function drop(ev) {
    var data=ev.dataTransfer.getData("Text");
    ev.target.appendChild(document.getElementById(data));
    ev.preventDefault();
  }
</script>

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<img id="x" src="X.png" draggable="true" ondragstart="drag(event)" width="75" height="75" />

我想拖动x.png文件并将其放入div中,但x.png如果我这样做,它将移动到div中.我怎么能实现这一点,在我拖放之后,div得到了一个x.png,而原始版本x.png仍然在哪里？