HTML5 拖拽drag API

拖拽:Drag;
 释放:Drop;
dragstart:事件主体是被拖放元素,在开始拖放被拖放元素时触发。
darg:事件主体是被拖放元素,在正在拖放被拖放元素时触发。
dragenter:事件主体是目标元素,在被拖放元素进入某元素时触发。
dragover:事件主体是目标元素,在被拖放在某元素内移动时触发。
dragleave:事件主体是目标元素,在被拖放元素移出目标元素是触发。
drop:事件主体是目标元素,在目标元素完全接受被拖放元素时触发。
dragend:事件主体是被拖放元素,在整个拖放操作结束时触发。

拖动的源对象和目标对象之间的数据传递:
  源对象数据保存:e.data.Transfer.setData(k,v)
  目标对象获取数据:e.data.Transfer.getData(k,v)

posted @ 2021-10-13 15:17  Cupid05  阅读(39)  评论(0编辑  收藏  举报