拖放时如何替换div的内容

Question

放下时如何拖动和替换内容； 在此示例中： http : //jsbin.com/uvihox/5/edit ？

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));
}

Answer 1

尝试这个：

function drop(ev){
    ev.preventDefault();
    var data=ev.dataTransfer.getData("Text");
    var s=document.getElementById(data);
    ev.target.appendChild(s);
    ev.target.src=s.src;
}

像这样更新您的放置功能。 基本上，您需要更新删除的img的src。 现在可以使用。

更新的小提琴