javascript - 随着用户不断输入，动态增加文本区域高度（不带滚动条）

Question

我的应用程序有一个带有以下 css 的 textarea (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。

Answer 1

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

然后将其添加到您的代码中并分别提供参考。

然后添加如下代码

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

Answer 2

您可以使用 jQuery 来完成此操作。我认为 change 事件对你有用。您所要做的就是在更改时重置高度。

例如：

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

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