调整不可编辑的textarea的大小

时间:2013-04-29 10:17:13

标签: javascript resize textarea

我的网页上有两个textareas。 第一个是不可编辑的(只读)&它下面的那个是可编辑的。 我希望只读textarea根据其内容自动调整其高度。

该textarea的内容来自数据库。 如果内容是一行,那么高度应该调整&如果是多行,则高度应相应调整。

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

1 个答案:

答案 0 :(得分:0)

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