JS: как отловить div.onresize по ширине при width:100%?

Question

[Валентин]

Короткий пример:

<div id="div1" style="width:150px;">
<div id="div2" style="width:100%; height:100%"></div>
</div>

$('#div2').resize(function(){
    console.log($(this).width() +'x'+ $(this).height());
})

При изменении размера внешнего дива по ширине resize не срабатывает.
Вроде закономерно, у внутреннего 100% что там вызывать? ))
Реально ли поймать стандартными средствами или только пробрасывать от внешнего дива руками?

Answer 1

[Leo Developer]

resize работает только для window, для DOM можно использовать - MutationObserver
Или сделать костыль, например iframe

Comments

[Валентин]

боюсь что не будет поддерживаться в астра-линуксе на FireFox, он там древний, не помню версию

Answer 2

[Антон]

Какая цель преследуется? Можно использовать if если равно 100%. Хотя вопрос мне лично не ясен.

Comments

[Валентин]

на внешний див повешен плагин jquery позволяющий менять его размер, внутренний див меняется только по высоте, их может быть несколько. Они растягивают внешний див по высоте. Цель - сохранить сетку, потом при загрузке страницы восстановить ее.

[Валентин]

Да, наверное стоит получать размеры в момент сохранения, но хотелось бы разобраться как все же отловить сообщение MutationObserver видимо единственный вариант нормальный