问题描述

html5 js拖拽释放鼠标怎么触发事件

左边有个div块命名为A，右面有个div块命名为B.用鼠标拖动A到B中，在释放鼠标的时候在B中打开一个本地的.htm文件。应该怎么写？
下面是我写的一部分代码

<div  id=""center"" ondrop=""drop(event)""  ondragover=""allowDrop(event)""  ><h1 style=""text-align:center"">拖动放到此处</h1></div><a id=""baidu"" href=""http://www.baidu.com""></a>

js部分

 oDiv.ondrop = function(ev){  //释放鼠标的时候触发          this.style.background = 'Tan';    //释放后颜色      //window.location.href=""""    };  

用window.location.href=的话会直接弹出一个新的页面 我想在上面的div中打开应该怎么写？
需要用ifram吗？如果用ifram的话应该怎么嵌套 我小试一下弄不出效果来。。。

解决方案

在你的div里加上如下代码

 <div><iframe src=""foot.html"" width="""" height=""""></iframe></div>

这个iframe的src可以根据你的需要动态的变的