var box1Div;
var msgDiv;
var img1;

window.onload=function () {
   box1Div=document.getElementById("box1");
   msgDiv=document.getElementById("msg");
   img1=document.getElementById("img");

   // box1Div.ondragenter=function (e) {
   //
   // }

   box1Div.ondragover=function (e) {
       e.preventDefault();  //阻止系统默认事件
       
   };

   img1.ondragstart=function (e) {
       e.dataTransfer.setData("imgId","img1");
       
   };

   box1Div.ondrop=function (e) {
       showObj(e.dataTransfer);
       e.preventDefault();  //阻止系统默认事件

       var img=document.getElementById(e.dataTransfer.getData("imgId"));
       box1Div.appendChild(img);

   }

   
};


function showObj(obj) {
   var s="";
   for (var k in obj){
       s+=k+":"+obj[k]+"<br/>";
   }

   msgDiv.innerHTML=s;
   
}