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

像这样更新你的drop函数。基本上，你需要更新删除img的src。它现在有效。

updated fiddle

拖放时如何替换div的内容

1 个答案: