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(); ?//阻止系統(tǒng)默認事件
? ? ? ?
? ?};

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

? ?box1Div.ondrop=function (e) {
? ? ? ?showObj(e.dataTransfer);
? ? ? ?e.preventDefault(); ?//阻止系統(tǒng)默認事件

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