DIVの高さが変更された場合の検出

Question

使用document.getElementByID('div1').clientHeight div1の高さがどのように変化するかを検出するにはどうすればよいですか？

条件（Div1の高さの変更）が満たされている場合は、操作を行う必要があります。

など。

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

誰でも私にそのようなJavaScriptの構文を教えてください。

Answer 1

私はより多くの情報のためにそう

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

参照http://api.jquery.com/resize/のようなjQueryのを使用します。

実装とは無関係に、スローラを使用してください。「サイズ変更ハンドラのコードは、ハンドラが呼び出される回数に決して依存してはいけません。実装によっては、サイズ変更の進行中にサイズ変更イベントが継続的に送信される（SafariやChromeなどのInternet ExplorerやWebKitベースのブラウザでの典型的な動作）、またはサイズ変更操作の終了時に一度だけ（Operaなどの他のブラウザでの典型的な動作）。

Answer 2

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

機能に必要なコードを入れてください。

これはうまくいくとは100％確信していません。 setIntervalの方が、offsetHeightが変更され、それに応じて動作するかどうかを確認するほうがよいでしょう。

Answer 3

divのstyleプロパティを使用します。多分あなたの古いdiv1の高さは20pxです。

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