拖拽

想讲一个小demo的实现方式：

一个木块拖到一个盒子中经历的过程：
1、首先使小木块可拖动：draggable =true;
2、木块拖动的时候会发生什么ondragstart 调用一个函数drag(event)，event表示当前的元素的信息。
在event中有一个dataTransfer.setData() 方法设置被拖数据的数据类型和值。

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

3、把木块放到盒子中，盒子上应该绑定一个事件ondragover

---固定写法
function allowDrop(ev)
{
	ev.preventDefault();
}

4、在拖拽结束放置拖拽对象时会发生 drop 事件，ondrop 属性调用了一个函数，drop(event)

function drop(ev)
{
	ev.preventDefault();//取消默认事件
	var data=ev.dataTransfer.getData("Text");//从拖拽对象中获取开始拖拽定义的属性
	ev.target.appendChild(document.getElementById(data));
}

拖拽节点event里面的内容