图片或<div>拖放
拖(drag)
<img>元素默认就是可拖动的；而<a>元素只要设置了href属性，它默认也是可拖动的。
拖动<div>效果图：
放(drop)
拖动时图片或者<div>都显示了一个“禁止”标志，表明了拖动图片或者<div>到目的地，被拒绝放置。因为当被拖动元素被“拖过”document对象时，document对象默认阻止了拖动事件。
例子代码如下：
效果图如下：
将此<div>拖动到第二个盒子
设置元素为可拖动：设置draggable属性值为true；
拖动什么-ondragstart和setdata():规定当元素被拖动时，会发生什么。
dataTransfer.setData()方法设置被拖数据的数据类型和值：
放到何处-ondragover：ondragover事件规定在何处放置被拖动的数据。
进行放置-ondrop：当放置被拖数据时，会发生drop事件。