Javascript - Drag'n'Drop脚本

时间:2015-08-05 09:11:09

标签: javascript jquery html css

起初这是我的小提琴:

所以也许它不适用于Fiddle,因为窗口尺寸太小。 以下是我遇到的问题,尝试8天后无法解决问题.-。 1.删​​除后停用拖动选项: 因此,一旦项目被删除,它就不再可以拖动了,那么怎么可能这样做呢? 我不能放弃我的物品。 6.或7.排。 3.每次我尝试在标题中添加一个不会出现的图像而不是文本。 4.我的页脚也没出现。

我希望有人可以帮助我, 抱歉我的英语不好:| 格尔茨

1 个答案:

答案 0 :(得分:0)

这个例子是在w3school,所以我必须找到并试一试这是我的工作我也尝试

<!DOCTYPE HTML>
<html>
<head>
<style>
#div1 {width:350px;height:70px;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>
<p>Drag the W3Schools image into the rectangle:</p>
<div id="div1" ondrop="drop(event)"ondragover="allowDrop(event)"></div>
<br>
<img id="drag1" src="img_logo.gif" draggable="true" ondragstart="drag(event)" width="336" height="69">
</body>
</html>