首页 > 代码库 > HTML5中的拖放

HTML5中的拖放

(1)在HTML5中实现拖放需要将目标元素的"draggable"属性设置为"true";

(2)元素拖放时触发的相关事件:


 

a:dragstart——在开始拖放被拖放元素时触发(事件主体:被拖放元素);

b:drag——正在拖放被拖放元素触发(事件主体:被拖放元素);

c:dragenter——在被拖放元素进入某元素触发(事件主体:经过/目标元素);

d:dragover——在被拖放元素在某元素内移动时触发(事件主体:经过/目标元素);

e:dragleave——被拖放元素离开目标元素时触发(事件主体:目标元素);

f:drop——在目标元素完全接收到被拖放元素后触发(事件主体:目标元素);

g:dragend——在整个拖放操作结束时操作(事件主体:被拖放对象元素);

HTML5中的拖放