html5拖拽事件

draggable="true"
写在可以被拖拽的元素上
例如：

拖动什么  有个事件   ondragstart=“事件名称”

function drag(ev)
{
ev.dataTransfer.setData("Text",ev.target.id);
console.log('还要必须记录本次元素的拖拽事件')
}

放到何处 - ondragover

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

对其被放在的元素去除默认操作

<div id="div1" ondrop="drop(event)"
ondragover="allowDrop(event)"></div>

进行放置    ondrop

function drop(ev)
{

//取消默认事件
ev.preventDefault();

//获取刚才记录的拖拽事件
var data=ev.dataTransfer.getData("Text");

//然后append插入到那个被放置的元素中
ev.target.appendChild(document.getElementById(data));
}