<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
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="div1" ondrop="drop(event)"
ondragover="allowDrop(event)"></div>
<img id="drag1" src="img_logo.gif" draggable="true"
ondragstart="drag(event)" width="336" height="69" />
</body>
</html>
上面是一段完整的拖放事件代码，W3C上的，但不是很懂，谁能够注释一下每段代码的意思！
PS：有点穷，别在意！
三个function，一个允许拖动至此，一个传送数据，一个接收数据，图片引用传送数据的那个function，div(就是那个框框)引用其他两个，很好理解，为什么这么写不用计较，记住就行
温馨提示：答案为网友推荐，仅供参考
第1个回答 2018-12-20
详解 - https://21xrx.com/full_stack/Html/html5_drag_and_drop.html
