拖放是HTML5常见的一种特性，即抓取对象拖到另一个位置，任何元素都能拖放。
1.设置元素为可拖放
属性draggable="true"
2.拖动什么
可拖放元素dragstart事件触发，还有drag，dragend事件
dataTransfer.setData(‘被拖动的数据类型’，‘可拖动元素的id’)
3.获取目标元素，进入目标元素dragenter事件触发
4.在目标元素拖拽dragover事件持续触发
5.离开目标元素，触发dragleave事件（类比mouseout）
若拖放元素到了目标元素中（在目标元素中松开鼠标），就会触发drop事件而不会触发dragleave事件
6.事件对象的属性dataTransfer
dataTransfer的两个核心方法是setData()和getData()
setData()用于设置数据，getData()用于接收数据
