HTML5拖放的基本使用（4步）

一、设置元素为可拖放

二、拖动什么- ondragstart 和 setData()

拖动什么，就给什么绑定拖动开始的事件（ondragstart）和设置拖动的数据(setData)

三、放到何处 - ondragover

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

四、进行放置 - ondrop

事件绑定在需要放置的元素上。

通过 dataTransfer.getData("Text") 方法获得被拖的数据。该方法将返回在 setData() 方法中设置为相同类型的任何数据。

如果需要在两个元素中来回拖放，按照思路，给这两个元素设置为可放置即可。