html5新特性，拖放，drag drop

拖放即是抓取对象以后拖到另外一个位置

做法步骤；

第一步：设置元素可以被拖放

<img draggable="true" ondragstart="drag(event)" id="1"      ondragover="dragover(event)" ondrop="drop"/>

第二部： 设置元素被拖放,dataTransfer.setData() 方法设置被拖数据的数据类型和值：

function drag(event){

event.dataTransfer.setData("Text",event.target.id)
                  }

第三部：元素被放到何处    默认地，无法将数据/元素放置到其他元素中。如果需要设置允许放置，我们必须阻止对元素的默认处理方式。

function dragover(event){

event.preventDefault();

}

      第四部：进行放置的时候

function drop(event){

event.preventDefault();//组织浏览器的默认行为

event.dataTranfer.getData("Text");获取被拖动的数据

event.target.appendChild(document.getElementById(data))

}