Gostaria de saber se existe algum evento que capte mudanças de tamanho de um elemento HTML. Por exemplo, uma div com 5000px de altura passa a ter 4800px e o onresize()
do Javascript não dispara.
Existe algum evento que capture isso?
HTML:
<div id="teste" style="height:1500px; background:#F00"></div>
JS:
// Evento que vai captura a mudança na altura dp documento
window.onresize = function(){
alert('mudança na altura do documento');
}
// Diminui o div para disparar o evento
setTimeout(function(){
document.getElementById('teste').style.height = '300px'
}, 3000);
Notem que a altura do documento é alterada mas o evento de resize
não dispara.
Agradeço desde já.
onresize
não funciona? Pode postar o que já testou?window
é que gera esse eventoresize
. Para capturar mudanças em elementos tem de usarsetInterval
e isso pode atrasar muito a performance. Então a minha pergunta é: o que quer fazer mesmo, o que faz essa mudança de tamanho acontecer? Acho que pode estar a tentar resolver o problema no sitio errado.