触发点击iframe不起作用

Question

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

我尝试在iframe上绑定点击事件，但是，点击iframe不会相应地触发点击事件

此外，firebug控制台也会输出错误：

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

if ( selector.nodeType ) {

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

Answer 1

如果您只想知道点击iFrame的任何部分，只需将iFrame放入div并将事件绑定到div即可。

Answer 2

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

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

Fiddle here.

您可能需要根据iframe调整div的大小并重新定位。

Answer 3

从“Same origin policy”开始，您无法获得点击事件。

我已经创建了一个演示来显示此行为。第一个链接在同一个源上，因此点击被传递。另一方面，第二个没有回应：

<强> 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/