HTML iframe 更改高度事件答案

【问题标题】：HTML iframe change height eventHTML iframe 更改高度事件
【发布时间】：2012-05-21 13:31:04
【问题描述】：

我已将 iFrame 附加到 div。我正在改变 iframe 加载事件上 div 的高度（使用 jQuery）。

问题是 iframe 中有很多文本字段，当用户输入大量文本时，它们变成了多行（开始时它们是单行文本字段）。因此，由于添加了新行，iframe 高度扩大了，但 iframe 的加载事件并没有捕捉到这一点。

当 iframe 高度因某些事件而改变时，改变 div 高度的最佳方法是什么（考虑性能）？

我考虑过绑定每个文本字段的 onchange 函数，但我不喜欢这样，因为有时我的函数已经绑定到这些字段？

【问题讨论】：

【解决方案1】：

试试：

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

【讨论】：

是的，我已经这样做了。但是当 iframe 的高度动态变化时，我需要更改父元素的高度。
那么以类似的方式，$('#parent_ele_id').height($('#frame_id').height()); 或者将它与上面的代码嵌套/合并，嗯？

【解决方案2】：

您可以将调整大小代码与 setInterval 挂钩，例如 500 毫秒，它不会对性能产生重大影响。您也可以在 onfocus 上打开该代码并在 onblur 上关闭它。

【讨论】：