Javascript 触发单击iframe不起作用

看看这把小提琴：

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

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

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

if ( selector.nodeType ) {

---

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

如果你想知道什么时候单击iframe的任何部分，只需将

iFrame

放在

div

中，并将事件绑定到

div

您需要指定div的z索引位于iFrame之前，并将其设置为绝对值

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

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

从“”开始，您无法获得单击事件

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

HTML

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

演示

---

经典情况下的“”？这将禁用与iframe的交互。这是正确的。这只是为了模仿onclick；正如你的回答所解释的那样，他们不能做交叉起源。