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

Question

我想在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中使用它（在获取和显示中）

我该如何解决？

Answer 1

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

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