javascript - JS - タイムアウトを使用せずに、コンテンツに基づいて Iframe のサイズを変更する

Question

window.postMessage を使用して (他のドメインの) 親と通信する Iframe があります。親ウィンドウには、iframe から呼び出すことができるサイズ変更メソッドがあります。

コンテンツのサイズの変更を監視し、必要に応じてサイズ変更メソッドを呼び出すコードを Iframe に追加したいのですが、タイムアウトを使用しないでください...それを行うための「イベント方法」はありますか?

更新 純粋なJSを使用しており、内部ドキュメントのスクロール幅と高さを監視したい

Answer 1

italo.nascimento が言ったように、jQuery でそれを行います。

$(window).resize(function() {
    var winW = $(this).width(),
        winH = $(this).height();
    $("iframe").css({
        width: winW,
        height: winH
    });
}).resize();

Answer 2

jQuery を使用すると、親ウィンドウでイベントをトリガーできます。

parent.$("iframe").trigger("resize");

親ウィンドウでは、このイベントをリッスンします。

$("iframe").on("resize", function(){
  // do the magic
});