html - 使用 onkeyup 将 div 调整为 contentEditable iFrame

Question

我有一个包含内容可编辑 iframe 的 div。CSS 的高度设置为自动，我已经将其设置为 keyup，div 调整为 iframe 的滚动高度。

我能够根据内容的高度正确扩展 div，但是从 iframe 中删除内容时我无法收缩高度。

我已经测试过抓取body scrollHeight、Height height、offsetHeight；但它们只返回最后一个最大值。

有任何想法吗？

Answer 1

我能够通过使用恒定间隔来调整大小来解决这个问题。我对这个选项不太满意，我宁愿将其保留为 onkeyup 函数，但似乎 dom 区域不会立即调整大小，它需要 XX 秒才能通过 contenteditable 部分实现。