javascript - 调整不可编辑文本区域的大小

Question

我的网页中有两个文本区域。第一个是不可编辑的（只读），它下面的一个是可编辑的。我希望只读文本区域根据其内容自动调整其高度。

该文本区域的内容来自数据库。如果内容为一行，则高度应调整；如果内容为多行，则高度应相应调整。

我怎样才能做到这一点？我想要 JavaScript 而没有 JQuery。

Answer 1

我只是用谷歌搜索现有的解决方案，http://www.impressivewebs.com/textarea-auto-resize/看起来不错。这个想法是创建隐藏的div，它可以让您测量文本区域中文本输入的高度。请记住在 textarea 和 div 中具有相同的字体样式。考虑到这一点，您可以将那几行 jquery 转换为纯 js，也可以使用这个想法自己编写。