HTML5新增了拖拽事件

拖拽事件包括drap、drapstart、drapend、drapenter、drapleave、drapover、drop等事件

最常用的有drapstart、drapover、drop

drapstart主要用来向事件对象中添加属性，e.dataTransfer.setData('name', e.target.id)

drapover会阻止drop事件的触发，所以我们需要阻止drapover事件触发

drop主要用来接收drapstart事件中添加的属性,e.dataTransfer.getData('name')

要注意的是 ：只有drapstart和drop之间可以通过dataTransfer进行通信