拖放即是抓取对象以后拖到另外一个位置
做法步骤；
第一步：设置元素可以被拖放
<img draggable="true" οndragstart="drag(event)" id="1" οndragοver="dragover(event)" οndrοp="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))
}