Javascript 在用户继续键入时动态增加文本区域高度（不带滚动条）

我的应用程序有一个带有以下css的文本区域（html）字段

.textareaCss{overflow: auto;width:500px; height:15px; margin:0; padding:5px; margin-top:4px; margin-bottom:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; border:#d9d9d9 solid 1px;color: #999;}

现在的效果是，如果用户的评论增长到输入的内容占用的空间超过15px的高度，那么滚动条就会出现，用户看不到第一行，如图所示

文本区域的高度是否可能增长到可以始终看到整个内容。

---

请注意：无论如何，字符的限制是1000。

您可以使用jQuery来完成这项任务。我想这项变革活动对你会有用的。您所要做的就是在更改时重置高度

例如：

$('.textareaCss').on('keyup', function(){
    $(this).css('height', '100%');
});

我没有对此进行测试，但它应该为您指出正确的方向。

答案如下 1.下载插件“autogrow.js”

然后将其添加到代码中并分别给出引用

然后添加如下代码

$(function() {
   $('#txtMeetingAgenda').autogrow();
});

---

可能是我前一段时间创建的插件的重复，它可以满足您的需要，还有很多其他功能：--它工作得很好也许这有帮助：可能是“onkeyup”，而不是“onchange”，如果我同意的话，我不确定onchange是在每次击键后还是在焦点离开后启动。钥匙在这里是更好的选择。回应已编辑。@迈克感谢您的快速回复（不确定我是否在您的回答中遗漏了什么），但这样一来，只要您单击文本区域，文本区域就会扩展，而不是当用户到达新行时。无论如何，我是通过一个名为“autogrow.js”的插件得到答案的[代码如下，1.引用该插件并添加如下代码：$（function（）{$（'#txtMeetingAgenda'）.autogrow（）；}）；只需添加一个到上述repo的有效链接（最后一个包括结束括号）：@Gabrielyannahmias-ya，但我只能在23小时后才能完成。所以我以后会做的……无论如何，谢谢你的指导……：）