Javascript HTML&；CSS：在多个方向上拖放
到目前为止，我已经实现了一个简单的拖放功能。它允许用户将图像从一个div拖动到另一个div。以下是代码：Javascript HTML&；CSS：在多个方向上拖放,javascript,css,html,Javascript,Css,Html,到目前为止，我已经实现了一个简单的拖放功能。它允许用户将图像从一个div拖动到另一个div。以下是代码： <!DOCTYPE html> <html> <head> <title> The New Dashboard </title> <style> #div1 {width:1000px;height:500px;padding:10px;border:1
<!DOCTYPE html>
<html>
<head>
<title> The New Dashboard </title>
<style>
#div1 {width:1000px;height:500px;padding:10px;border:1px solid #aaaaaa;}
#top {width:1000px;height:100px;padding:10px;border:1px solid #aaaaaa}
</style>
<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>
</head>
<body>
<div id = "top" ondrop="drop(event)" ondragover="allowDrop(event">
<img id = "drag1" src="slwheel.png" draggable="true" ondragstart="drag(event)">
</div>
<div id = "div1" ondrop="drop(event)" ondragover="allowDrop(event)">
</div>
</body>
</html>
新仪表板
#div1{宽度：1000px；高度：500px；填充：10px；边框：1px实心35; aaaaaa；}
#顶部{宽度：1000px；高度：100px；填充：10px；边框：1px实心#aaaaaa}
功能allowDrop（ev）{
ev.preventDefault（）；
}
功能阻力（ev）{
ev.dataTransfer.setData（“文本”，ev.target.id）；
}
功能下降（ev）{
ev.preventDefault（）；
var data=ev.dataTransfer.getData（“文本”）；
ev.target.appendChild（document.getElementById（数据））；
}
因此，现在我想将slwheel图像从#div1 div中的新位置拖回#top div，但它不允许我这样做。我做错了什么？任何帮助都是值得感激的。谢谢 在“top”div中缺少了一个）选项，它不能使我的代码正常工作。完全是新手的错误。我最诚挚的道歉 在allowDrop（event）中的top div（您错过了）在ondragover的末尾，第一个div中缺少了一个括号。成功了。这是一个多么可怕的新手错误。