要素の実際の幅/高さがいつ変更されるかを決定します

Question

私はiframeで開いたいくつかのモーダルを扱っています（同じドメインなので、xssは発行しません）。私が持っているモーダルの1つは、あなたが行うフォームに基づいてオプションを隠したり表示したりして、フォームを拡大または縮小します。とにかく、長いストーリーの短い私はiframeのサイズを現在の身長/体の幅に基づいてinitalの負荷を処理するコードがあります。問題は、最初の読み込み後にボディの実際のサイズが変更されたことを確認するためにどのイベントを使用するかわからないということです。

Answer 1

なぜsetInterval（）を追加しないのですか？次のようなものがあります。

var originalWidth = {set original width} 
var originalHeight = {set original height}; 
setInterval(function(){ 
    var currentWidth = {grab new values}; 
    var currentHeight = {grab new values}; 
    if(originalWidth !== currentWidth){ 
     //Change the width now... 
     //Next, set originalWidth to be the same as current for future checks 
     originalWidth = currentWidth; 
    } 
    //Now, do the same for original and current height 
},100)