javascript - 使用 .attr() 更新 Textarea 在输入和按键时增加++ 一行

Question

我有一个文本区域，我想在每次输入时用一行增加他的高度，每次输入文本时，它都会进入另一行。所以我有 3 个条件，当显示时我想对所有使用的行进行编号并根据此设置行高:

one: var countRows = $("textarea").val().split(/\r|\r\n|\n/).length;

two: when keypress == 13 is used

and three: when text it goes into another row wile typing

到现在我已经实现了这个但并没有真正起作用:|

var countRows = $("textarea").val().split(/\r|\r\n|\n/).length;   
var keynum = 13; //enter keynum

//for default state
//not calculating 
$("textarea").attr("rows", countRows + 1);

//for enter key 
//not really working
$("textarea").on('keypress', keynum, function() {
   $(this).attr("rows", countRows + 1);
     // alert("jjj");
});

//for case whentext it goes into another row wile typing

我只想使用 .attr() 并在添加或删除一行时更新该属性“行”。

Answer 1

来自 https://stackoverflow.com/a/10080841/4801673

$("textarea").keyup(function(e) {
    while($(this).outerHeight() < this.scrollHeight + parseFloat($(this).css("borderTopWidth")) + parseFloat($(this).css("borderBottomWidth"))) {
        $(this).height($(this).height()+1);
    };
});