每当单击某些内容时，使用 jquery 删除 iframe答案

【问题标题】：Removing an iframe with jquery whenever something is clicked每当单击某些内容时，使用 jquery 删除 iframe
【发布时间】：2012-07-17 08:59:41
【问题描述】：

我想在点击任何内容时删除 iframe。我把这段代码：

    $('*').on('click',function(){
                $('iframe').remove();

     });

但是，我遇到的问题是 iframe 追逐鼠标。所以基本上，我每次都点击 iframe，.. 由于 iframe 没有点击事件，该脚本将无法工作。

我一直在寻找任何可以捕获点击事件的替代解决方案......并且可以让 iframe 消失。 Web 应用程序能否识别鼠标左键单击，即使它不必在某物上..

这可以解决我的问题.. 但是我在网上找不到任何解决方案，无论我看了多少！

【问题讨论】：

就像概念一样。获取 iframe 的位置和高度/宽度。使用 iframe 的 position:absolute;height/width 创建 div 并检查 iframe 区域中的单击。并为body添加点击事件@
无法将 iframe 内的点击事件委托给包含 iframe 的文档正文。如果您可以设法以某种方式单击该文档，那么这很容易。如果你的鼠标点击总是被iframe接收到，我相信是没有办法的。我希望有人证明我错了。
问题是没有办法在iframe上面放一个div，但是可以在div上面放一个iframe
为什么不用 div 包裹 iframe，让 div 和 iframe 一起消失呢？
因为 iframe 捕获点击而不是 div。自己尝试一下.. 在 iframe 上放置 div 是不可能的。即使有可能，那也不是目标。目标是让用户单击 iframe，但要触发一些浏览器事件..以便我可以捕获它。唯一的解决方案是捕获点击..无论它是否在元素上..但如果你有一个可行的解决方案，我想听听

【解决方案1】：

如果您尝试在任何点击时关闭 iframe，那么用不可见的 div 覆盖 iframe 应该可以实现您所追求的效果。

除此之外，无法访问 iframe 内的点击 - 除非您可以访问 iframe 的内容，我猜您没有。

【讨论】：