javascript - 自动调整文本区域大小删除退格键上的行

Question

我有以下用于自动调整文本区域大小的代码:

HTML:

<textarea class="autoresize" id="txt" rows="2"></textarea>

JS:

$('#txt').keydown(function(e) {
  var $this = $(this),
      rows = parseInt($this.attr('rows'));

  // on enter, add a row
  if (e.which === 13)
    $this.attr('rows', rows + 1);

  // on backspace, remove a row -- THIS IS THE PROBLEM
  if (e.which === 8 && rows !== 2) 
    $this.attr('rows', rows - 1);
});

效果很好，但是当我按退格键删除单词中的字母时，它也会删除行，这就是我的问题。
我希望它在用户“删除”空行时缩小，但我不知道如何实现。

有需要的可以去this fiddle看看.

Answer 1

您需要检查最后一行是否为空。 Demo .

if (e.which === 8 && rows !== 2) {
        lines = $(this).val().split('\n');

        if(!lines[lines.length - 1]) {
            $this.attr('rows', rows - 1);
        }
}