代码之家 › 专栏 › 技术社区 › Mahsa

如何在javascript中获取iframe中链接的坐标

coordinates iframe javascript

Mahsa · 技术社区 · 6 年前

我想在一个iframe中获得一些链接的坐标,并在另一个iframe中显示为热图。

我使用getBoundingClientRect()执行此操作,如下所示:

element = $('#myFrame').contents().find('a[href$="'+myLink+'"]');
var theElement = element[0];
if(element.length) {
  positionInfo = element[0].getBoundingClientRect(); 
  coordinates = {
    'x' :positionInfo.x, 
    'y' : positionInfo.y, 
    'width' : positionInfo.width
  };
}

但坐标不正确。我想这是因为我在iframe中使用了它(无论是在获取和显示中)

我怎样才能修复它?

1 回复 | 直到 6 年前

alexpirine 6 年前

您可能需要添加iframe本身的坐标:

$('#myFrame').get(0).getBoundingClientRect()

推荐文章

mlsmet · 无法在Android手机上水平滚动表格

3 年前

lord stock · 硒在iframe中引发与下拉菜单相互作用的非接触元素异常

3 年前

ironmantis7x · 我无法使用html更改iframe中文本的文本颜色

3 年前

GÊá´á´á´ÊCá´á´ · 如何预加载或检测CDN承载的视频何时加载到盖茨比的折叠上方?

3 年前

ControlAltDel · 从iframe中加载的html页面上的源脚本获取Javascript变量

3 年前

Soniya Joshi · Android如何在Android iframe webview中传递url?

6 年前

Hellpless · 根据iframe-Google自动播放策略中的allow=“Autoplay”属性激活自动播放

6 年前

rosu alin · Vimeo视频不会在iframe中的chrome上启动。未调用LoadProgress

6 年前

Mahsa · 如何在javascript中获取iframe中链接的坐标

6 年前

Dixon Chaudhary · 在Laravel中维护会话和身份验证

6 年前