HTML5中的拖放代码
<!DOCTYPEHTML><html><head><scripttype="text/javascript">functionallowDrop(ev){ev.prev...
<!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：有点穷，别在意！ 展开
<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：有点穷，别在意！ 展开
2个回答
展开全部
三个function，一个允许拖动至此，一个传送数据，一个接收数据，图片引用传送数据的那个function，div(就是那个框框)引用其他两个，很好理解，为什么这么写不用计较，记住就行
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
