HTML的简单介绍（48）

HTML5 拖放

拖到何处 - ondragover
ondragover 事件规定被拖动的数据能够被放置到何处。

默认地，数据/元素无法被放置到其他元素中。为了实现拖放，我们必须阻止元素的这种默认的处理方式。

进行放置 - ondrop
当放开被拖数据时，会发生 drop 事件。

调用 preventDefault() 来阻止数据的浏览器默认处理方式（drop 事件的默认行为是以链接形式打开）
通过 dataTransfer.getData() 方法获得被拖的数据。该方法将返回在 setData() 方法中设置为相同类型的任何数据

被拖数据是被拖元素的 id (“drag1”)
把被拖元素追加到放置元素中