## draggable(让元素可拖拽)
拖拽流程说明：
HTML 拖拽（Drag and Drop）使应用程序能够在浏览器中使用拖放功能。
例如，用户可使用鼠标选择可拖拽（draggable）元素，将元素拖拽到可放置（droppable）元素，并释放鼠标按钮以放置这些元素。
拖拽操作期间，会有一个可拖拽元素的半透明快照跟随着鼠标指针。
1.dragstart事件
dragstart类似于鼠标按下事件：当元素开始被拖拽的时候触发的事件
作用于：被拖拽的元素
2.dragenter事件
dragenter类似于鼠标进入元素的事件：当拖拽的元素进入目标元素的上方时，触发的事件
作用于：目标元素
3.dragover事件
dragover类似于鼠标在某元素上的事件：拖拽元素在目标元素上移动的时候触发的事件
作用于：目标元素
4.drop事件(必须要dragover事件触发)
drop类似于鼠标松开的事件：被拖拽的元素在目标元素上，鼠标放开触发的事件
作用于：目标元素
5.dragend事件
类似于鼠标松开的事件：当拖拽完成后触发的事件
作用于：被拖拽的元素
