javascript - 触发点击 iframe 不起作用

Question

看看这个小提琴：http: //jsfiddle.net/GxPmU/

我试图在该 iframe 上绑定一个单击事件，但是，单击 iframe 并不会相应地触发单击事件

此外，萤火虫控制台也输出错误：

Error: Permission denied to access property 'nodeType'
[Break On This Error]   

if ( selector.nodeType ) {

知道我做错了什么以及如何能够相应地在 iframe 上绑定 click 事件吗？

Answer 1

如果您只想知道何时点击任何部分iFrame，只需将iFramea放入div并将事件绑定到div.

Answer 2

您需要将 div 的 z-index 指定在 iframe 之前并使其成为绝对值。

div#foo
{
    z-index: 9999;
    position: absolute;
    width: 300px;
    height: 300px;
}

在这里拉小提琴。

您可能需要根据 iframe 调整 div 的大小和位置。

Answer 3

从“同源策略”开始，您无法获得点击事件。

我创建了一个演示来展示这种行为。第一个链接位于同一来源，因此点击通过。另一方面，第二个没有响应：

HTML

<iframe id="iframe-test-1" src="jsfiddle.net/404"></iframe>
<iframe id="iframe-test-2" src="http://jsfiddle.net/404"></iframe>

演示

http://jsfiddle.net/V9WTA/