drag drop API

DataTransfer:用来保存被拖动的数据,可以保存一项或多项数据、一种或多种数据类型

注意:在所有的拖动事件属性dataTransfer都是可用的,但是不能单独创建

方法:setData():设置数据

getData():取得数据

拖放事件

dragstart:拖拽开始

注意:元素默认都是可以被拖拽的,如果设置为false,则不能进行拖拽

dragend:拖拽结束

dragenter:拖拽时,鼠标进入,通常在这里添加效果

dragover:拖拽时,鼠标略过,重复执行,设置目标元素允许接受拖放元素

dragleave:拖拽时,鼠标离开,通常在这里移除效果

drop:拖放的时候放下

你可能感兴趣的:(drag drop API)