第十课--H5拖放（Drag 和 Drop）

拖放是一种常见的特性，即抓取对象以后拖到另一个位置。
在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。
看案例

拖放

#div1, #div2
{float:left; width:300px; height:300px; margin:10px;padding:10px;border:1px solid #aaaaaa;}


function allowDrop(ev)
{
    console.log(ev.preventDefault())
	ev.preventDefault();
}

function drag(ev)
{
    console.log(ev.target.id)
	ev.dataTransfer.setData("Text",ev.target.id);
}

function drop(ev)
{
	ev.preventDefault();
	var data=ev.dataTransfer.getData("Text");
	ev.target.appendChild(document.getElementById(data));
}