内容をドラッグしてゴミ箱に捨てる

    
    
    



    
 
    

        
 
        
 
        
 
        
 
        
 
    

![](img/back.png)
    


// 
    var boxs = document.querySelectorAll(".box2");
// 
    var target = document.querySelector(".box1");
    var img = document.querySelector("img");
//7 
    // 
     var dragEle  = null;
    for(var i=0;i<boxs.length;i++){
        var box2 = boxs[i];
        box2.ondragstart = function(e){
            console.log(1," ");
            e.dataTransfer.effectAllowed = "move";
            e.dataTransfer.setData("className",e.target.className);
            e.dataTransfer.setDragImage(img,10,10);
            dragEle = e.target;
        }
    }
    target.ondragover = function(e){
        console.log(6," ");  
        e.preventDefault();
        e.dataTransfer.dropEffect = "move"; 
    }
    target.ondrop = function(e){
        console.log(7," ");
        var eclassName = e.dataTransfer.getData("className");
        var content = document.querySelector(".content");
        content.removeChild(dragEle);
    }