html5拖动元素会触发哪些事件

拖拽发生过程

被拖拽元素

dragstart按下鼠标键并开始移动鼠标时

drag在dragstart事件之后，在元素被拖动期间会持续触发该事件

dragend当拖动停止时，会触发dragend事件

放置目标元素

dragenter有元素被拖动到放置目标上

dragover紧随dragenter发生，在被拖动的元素

还在放置目标范围内移动时，会持续触发该事件

dragleave在元素被拖出放置目标时触发

drop元素被放到了放置目标中触发

注释：拖拽发生过程：dragstart->drag->dragenter->dragover->dragleave/drop->dragend

被拖动的元素增加draggable="true"属性；

接受拖过来的元素要接受新元素，ondragover 事件触发的时候要禁止自设的默认事件e.preventDefault()

监听ondrop事件，将元素进行插入appendChild；

---