问答详情
源自:12-6 变个盒子-什么是盒模型(视频)

为什么不能实现拖放饭呢

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;
   
}

提问者:慕数据9493197 2016-10-25 20:33

个回答

  • tinylight
    2016-10-25 22:04:53

    你的ondragover里面还没有写东西啊