Обнаружение изменений высоты DIV

Question

Использование document.getElementByID('div1').clientHeight Как определить, изменяется ли высота div1?

Мне нужно выполнить операцию, если условие (изменение высоты Div1) удовлетворяет.

E.g.

if(document.getElementByID('div1').clientHeight != //old div1's height) 
{ 
    // do my operation 
} 

Может ли кто-нибудь предоставить мне синтаксис такого JavaScript.

Answer 1

Я хотел бы использовать JQuery, как так

$(elm).resize(function(event) { 
    alert('resized!'); 
    /* ... other code ... */ 
}); 

См http://api.jquery.com/resize/ для получения дополнительной информации.

Независимо от любой реализации, вы, вероятно, должны использовать дроссель: «Код в обработчике изменения размера никогда не должен полагаться на количество вызовов обработчика. (типичное поведение в браузерах Internet Explorer и WebKit, таких как Safari и Chrome) или только один раз в конце операции изменения размера (типичное поведение в некоторых других браузерах, таких как Opera) ».

Answer 2

document.getElementById('div1').onresize = function() {...}; 

Введите код, который вы хотите в функции.

Я не на 100% уверен, что это сработает. Возможно, вам будет лучше иметь setInterval, который проверяет, изменился ли offsetHeight и действует соответственно.

Answer 3

Используйте свойство стиля div. возможно, ваша старая высота Div1 составляет 20 пикселей;

if(document.getElementByID('div1').style.height != 20px;) 
{ 
    // do my operation 
}