为什么我的拖放功能不起作用? [关闭]

问题描述 投票:-1回答:1

我已经尝试了两个小时才能使这种简单的拖放工作。可能会很简单,例如缺少括号。

<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> 
javascript
1个回答
0
投票

错别字:document.getElementByID(data)应该为document.getElementById(data),请注意d中的小写字母Id

© www.soinside.com 2019 - 2024. All rights reserved.