Javascript 当内部有iframe时，使div可单击

我想将onclick函数添加到div中，但是当div中有facebook插件iframe时，onclick函数不起作用

代码如下：

---

您的

onclick

事件的引号不匹配（即缺少结束引号）

我还向

div

（以及一些边框）添加了一些边距和填充，以说明单击div时触发的

onclick

事件。请记住，它附加到

div

而不是

iframe

您可以使用JS（或JQuery）以编程方式将单击处理程序附加到

iframe

，或者将另一个

onclick

添加到iframe本身（不知道，如果可以修改的话）

div{
宽度：470px；
高度：160px；
边框：1px纯色灰色；
利润率：15px；
填充：15px；
}
div:悬停{
光标：指针；
}

---

您可以尝试以下方法：

逻辑：

• 在父窗口中，搜索所有

  iframes

• 导航到其父节点
• 将事件附加到此节点

window.addEventListener（'load'，registerEvent）
函数registerEvent（）{
var divs=document.querySelectorAll（“iframe”）；
对于（变量i=0；i

div{
背景：ddd；
最小高度：100px；
}
iframe{
背景：#fff；
}

你很幸运，我没有投反对票。对代码进行适当的预处理，否则我们无法看到它。有代码：这句话让我明白有代码。希望JS本身不会被这里的不成对引用打断…可能是重复的你想处理一个认为自己在点击Facebook的用户的点击吗？@Shaunak我不认为这是重复的，因为，这里OP想要将处理程序分配给具有iFrame的div，而不是从内部获取父div，iFrame是否缺少

quote

一个印刷错误？我们应该在回答中纠正它吗？@Rajesh缺失的引用只是问题的一部分。即使您解决了这个问题，click处理程序也不会工作（因为它没有连接到iframe）——答案只是为了说明这一点。我正在寻找一种解决方法（即以编程方式添加单击处理程序），但它看起来好像用完了time@RajeshOP想知道为什么

onclick

事件在

div

内部有一个

iframe

时没有触发。原因是点击发生在

iframe

上（当然，它没有绑定这样的事件-只有外部

div

绑定）-我试图说明点击

div

是否有效（因为我们将事件绑定到了哪里）我的建议是，以编程方式向iframe添加一个处理程序，作为OP关注点的一个变通方法。在这种情况下，由于iframe不冒泡事件，变通方法将很困难。甚至我也会尝试一些变通方法