2.拖动 drag drop allowDrop

参考地址：http://www.runoob.com/html/html5-draganddrop.html

被拖动元素设置 draggable属性为true， οndragstart=drag（event）方法

目标位置元素 设置 οndragοver=allowdrop（event） οndrοp=drop（event）方法

----------------------------------------------------

核心代码：

#dv{ border:1px solid green; width:100px; height:50px; float:left; margin-right:10px; } #dv1{ border:1px solid blue; width:100px; height:50px; float:left; } functionallowDrop(ev) { ev.preventDefault(); } functiondrag(ev) { ev.dataTransfer.setData("Text", ev.target.id); } functiondrop(ev) { ev.preventDefault(); vardata= ev.dataTransfer.getData("Text"); ev.target.appendChild(document.getElementById(data)); }