多层iframe嵌套的时候,取最底层iframe页面鼠标点击的XY坐标,
IE下测试通过~
/**
* 获取最底层iframe页面中鼠标点击的位置
*/
function getPosition_Iframe(){
var parentWindow = window.parent;
var tmpLocation = window.location;
var target = null;
var left=0;
var top=0;
while(parentWindow!=null && typeof(parentWindow)!='undefined' && tmpLocation!=parentWindow.location){
for(var x=0;x< parentWindow.frames.length;x++){
if(tmpLocation == parentWindow.frames[x].location){
target = parentWindow.frames[x].frameElement;
break;
}
}
do {
left += target.offsetLeft - target.scrollLeft|| 0;
top += target.offsetTop - target.scrollTop || 0;
target = target.offsetParent;
} while(target);
tmpLocation=parentWindow.location;
parentWindow = parentWindow.parent;
}
return {x:left+window.event.clientX,y:top+window.event.clientY};
}
分享到:
相关推荐
主要介绍了Jquery方式如何获取iframe页面中的Dom元素,需要的朋友可以参考下
首先在父页面的javascript给定义一个window.name,并赋予一个字符串值,如window.name="test",其中赋予的字符串值可以随意定义,然后在Iframe页面的Form 标签中定义target属性,并且其值也必须与之前定义的window....
就想弄一个winform结合html5的一个小东西,突有心血来潮,想在里面嵌套一个微信网页版,下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法,一起看看吧
主要介绍了ASP.NET中iframe框架点击左边页面链接,右边显示链接页面内容的实现代码,感兴趣的小伙伴们可以参考一下
js控制/获取a.html中iframe加载的b.html中的iframe,很多人都以为getElementById可以直接获取,其实不行的,以上代码就解决了这个问题,js控制iframe加载页面的iframe,不过测试只在IE和火狐通过,谷歌不行,其他自...
JQUERY实现iframe页面切换功能,轻松简单、灵活方便快速,代码实例,测试通过
Iframe装载在div中,设置iframe的大小。
本Demo汇总是iframe父页面与iframe子页面如何相互调用方法、元素及值的几种常见方法(含JS、JQuery方法)
使用iframe实现点击导航页面无刷切换,使用bootstrap布局
这是关于iframe使用过程中出现的问题整理的解决方法,关于使用iframe不用单独写接口打通数据,直接把数据通过ifarme嵌套方法传递过去,使用简单方便。
子页面获取父页面的方法,变量,标签等子页面获取父页面的方法,变量,标签等
父页面得到iframe的数据和iframe页面得到父页面的数据.txt
在一些DOM操作中我们经常会跟元素的位置打交道,鼠标交互式一个经常用到的方面,令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果,这篇文章就上鼠标点击位置坐标获取做一些简单的总结,没特殊...
asp.net 中使用iframe动态加载页面
以一个简单的小例子讲述了iframe页面中的相互调用,此为iframe页面中又嵌套iframe的页面的例子,希望对大家有帮助
iframe包含的页面的高度,兼容性好,iframe高度自适应
有时候需要在当前的iframe页面打开地址,以来容易控制不用去别的也页面,当前页不用转向也能提交。
主要介绍了js调用iframe实现打印页面内容的方法,需要的朋友可以参考下
主要介绍了在vue中实现嵌套页面(iframe),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
IFrame中Session丢失的解决办法