HTML5 拖拽事件

dragstart:拖拽开始

drag: 拖拽中，会不停的触发

dragend:拖拽结束

 

ondraglevea:有元素离开了本元素

ondragenter:有元素进入了本元素

ondragover:有元素进入了本元素，会不停的触发

drop：有元素进入了本元素，在本元素内停止拖拽，然后触发(需要将本元素和拖拽元素的ondragover事件屏蔽，e.preventDefault()；)

 

测试代码：

var boxDom = document.getElementById("box");
boxDom.addEventListener("dragstart",function(){
    console.log("1开始拖拽了")
},false);