HTML拖动与投放

 div.ondragstart=function(e){         //拖拽开始事件
        this.style.background="yellow";
        num=this;
        e.dataTransfer.setData("text",this.innerHTML);   //给拖动赋数据      
        e.dataTransfer.setDragImage(img,20,20);          //拖动鼠标下图片
    }
    div.ondragend=function(){}          //拖拽结束事件
    div.ondragenter=function(){}                //投放进入事件
    
 

    div.ondragover=function(e){                //投放在元素中移动事件
       e.preventDefault();                         //需要阻止默认行为，不然将无法完成投放事件
    }
      
    div.ondragleave=function(){ }               //投放离开事件


    div.ondrop=function(e){                    //投放完成事件
       ar text=e.dataTransfer.getData("text");   //取拖动的数据
       p.innerHTML="删除的是："+text;
    }