读书人

拖拽一个iframe中的div 在另一个ifram

发布时间: 2012-09-09 09:27:54 作者: rapoo

拖拽一个iframe中的div 在另一个iframe页面中显示
在一个页面中包含两个iframe iframe包含的页面中有div元素 实现拖动div在另外一个iframe中实现相同的拖拽效果
event.html主页面
有几个地方需要注意:1.要在iframe包含的页面中设置div的绝对位置position:absolute;left:20px;top:20px;
2.js在不同页面调用 这个可以上网搜 比如调用iframe中的dom contentWindow.document
子页面调用父页面 parent.document.getElementById("parentNodeName");
3.js 事件的处理onmousedown 鼠标按下时事件处理 onmouseup鼠标离开时触发的事件,要在onmousedown事件处理之下触发
用table做了一个布局


//============a.html


//================dragging.js

//小注:chrome浏览器不支持获取iframe节的dom的getElementById方法 chrome调试会出错

读书人网 >Web前端

热点推荐