我正在开发一个react应用程序，它有一个地图页面。为了查看地图，我使用了iframe标记，这个iframe标记在地图div下面有一些锚标记和按钮，这些锚标记有target=“_blank”。我不希望打开此新选项卡。

我试图访问此锚标记，但由于浏览器中的同源策略，无法访问它。我尝试给出iframe、style、pointer-events的父div:none，但它也阻止了必须可单击的按钮。

我的要求只是阻止锚定标记从该页面打开新标签，只是为了澄清iframe之外有锚定标记，但它们正在重定向到该应用程序中的页面，不应该被阻止（这些标记不会打开新标签）。

最好的方法是使用ID/Class选择器访问锚标记，但由于它们位于交叉源iframe中，这不再是一个选项。即使锚标签没有被禁用，但只是新的标签被阻止打开，这也很好，但我无法实现这一点。非常感谢您的帮助。

编辑: 下面是一个用于演示的jsfiddle:https://jsfiddle.net/ilikeUbuntUmoreThanWindows/u7c29rpm/7/

<div class="a">
 <div class="b">
  <iframe src="https://www.tutorialrepublic.com/html-tutorial/html-iframes.php" frameborder="0" width="500px" height="500px"></iframe>
 </div>
 <br>
 <br>
 <a href="https://www.tutorialrepublic.com/html-tutorial/html-iframes.php" target="_self">Some text her</a>
 <button>Button</button>
</div>

在这个小提琴中，我有一个iframe标记。在iframe标记内有一个带有文本的锚标记，请尝试以下代码，如果我们单击该标记，将打开一个新标记。我不想打开此选项卡。如果可能的话，我想禁用这个锚标签，如果不是，我的要求是新标签根本不打开，锚标签什么也不做。我希望我的问题现在更清楚了。

顺晟科技：