html在新的页面打开图片,为什么拖拽图片后，是打开新的页面，而不是显示代码在图片下方...

拖动

.box{

width: 400px;

height: 400px;

}

#box1{

background-color: #cccccc;

}

-----------------------------------------------------------------------------

/**

* Created by Administrator on 15-6-11.

*/

var box1Div,msgDiv,img1;

window.onload = function(){

box1Div = document.getElementById("box1");

msgDiv = document.getElementById("msg");

img1 = document.getElementById("img1");

//box1Div.ondragenter = function(e){ /*监听动作*/

//    showObj(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"));/*设置节点，从ID来获取数据*/

box1Div.appendChild(img);

}

}

function showObj(obj){

var s = "";

for(var k in obj){

s =k ":" obj[k] "
"

}

msgDiv.innerHTML = s;

}