javascript - JS : Resize div when an iframe was clicked?

Question

我有一个完整的 <iframe />用div作为 parent 。该 iframe 来自不同的域。单击 iframe 时如何将父 div 的大小调整得更大(在我的情况下添加类)？并在点击 iframe 的关闭按钮时调整大小？

我更喜欢 iframe 中的按钮会调整大小，但显然无法在 iframe 内部访问 div，因此我必须在 iframe 外部进行调整。

Answer 1

我有同样的问题并写了一个 jquery 插件。 https://github.com/BergenSoft/iframeActivationListener

参见示例:
http://jsfiddle.net/56g7uLub/3/

使用方法:

$(document).ready(function ()
{
    $('iframe').iframeActivationListener();
    $('iframe').on("activate", function(ev) {
        $(ev.target).addClass("big");
    });
});

此插件不使用叠加 div。
它检查鼠标是否在非事件 iframe 上并开始监视文档的 activeElement。当它更改为另一个 iframe 时，将引发自定义事件“activate”。

这是我发现的最佳解决方案。