前端提高篇(七十三)：Drag和Drop拖放操作：拖放事件与dataTransfer对象操作

被拖拽的元素上需要设置属性：draggable="true"，才能被拖拽

被拖拽的元素有三个事件，分别是：dragstart开始拖拽、drag正在拖拽、dragend拖拽结束（鼠标抬起）

验证一下这三个事件：

drag

target

效果：

当鼠标点击被拖拽元素时，触发dragstart事件，输出’dragstart’；

拖拽过程中，触发drag事件，输出’drag’；

鼠标抬起，拖拽结束，触发dragend事件，输出’dragend’

目标元素可绑定的事件有：dragenter，dragover，dragleave，drop

验证一下前三个

dragenter事件以鼠标位置为准，当鼠标进入目标元素范围，触发dragenter；鼠标离开目标元素范围，触发dragleave，或者鼠标抬起，被拖拽元素完全离开目标元素范围

target.addEventListener(‘dragenter’,function(){

console.log(‘dragenter’);

})

target.ad