我一直在尝试两个小时,以使这种简单的拖放功能可以正常工作。可能会很简单,例如缺少括号。
<div id="drop" ondrop="drop(event)" ondragover="allowDrop(event)" style="border: solid 1px red; width:604px; height:453px; padding:20px;" > </div>
<img id="drag" draggable="true" ondragstart="drag(event)" style="width:500px; height:400px;" src="https://live.staticflickr.com/4029/4687704358_a99633e0c7_z.jpg" ></img>
<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>
答案 0 :(得分:0)
错别字:document.getElementByID(data)
应该为document.getElementById(data)
,请注意d
中的小写字母Id