javascript - HTMLiframeの高さ変更イベント

Question

divにiFrameを追加しました。iframeのloadイベントのdivの高さを変更しています（jQueryを使用）。

問題は、iframeには多くのテキストフィールドがあり、ユーザーが大量のテキストを入力すると、それらが複数行になることです（最初は1行のテキストフィールドです）。したがって、新しい行が追加されるため、iframeの高さは拡張されますが、iframeのloadイベントはこれをキャッチしません。

何らかのイベントのためにiframeの高さが変更されたときにdivの高さを変更するための最良の方法（パフォーマンスについて考える）は何ですか？

各テキストフィールドのonchange関数をバインドすることを検討しましたが、これらのフィールドに既にバインドされている関数がある場合があるため、これは好きではありませんか？

Answer 1

試す：

$("#frame_id").height($("#frame_id").contents().find("html").height());

Answer 2

サイズ変更コードをたとえば500msのsetIntervalにフックすると、パフォーマンスに大きな影響を与えることはありません。また、そのコードをオンフォーカスでオンにし、オンブラーでオフにすることもできます。