Определите, когда фактическая ширина / высота элемента изменяется

Question

Я имею дело с некоторыми модалами, которые открываются в iframe (тот же домен, поэтому никаких проблем с xss). Один из модальностей, которые у меня есть, либо скрывает, либо показывает параметры, основанные на ваших действиях, которые увеличивают или уменьшают форму. В любом случае, если коротко, у меня есть код, который обрабатывает изменение размера iframe на основе текущей высоты / ширины тела при начальной нагрузке. Проблема в том, что я не уверен, к какому событию нужно подключиться, чтобы определить, что фактический размер тела изменился после начальной загрузки.

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)