达到最后一行时增加文本区域的高度[重复]

Question

我正在尝试创建一个类似于http://snippi.com/ 的文本区域。如果您输入的内容足够多以至于到达底线（多次输入），那么它会将文本区域的高度增加一个“行高”（在我的网站上为 21 像素）。

我相信最好的方法是使用 jQuery，但我不确定从哪里开始。有人可以帮忙吗？如果当您删除一行时，它会像http://snippi.com/ 那样“缩小”一个“行高”，那也很棒。

我试了一下，代码结束了here on jsFiddle。这是我开始的：

$('#text').focus(function () {
    // Do something here
});

Answer 1

我相信 Snippi 使用了类似的东西。 http://www.jacklmoore.com/autosize/

用法

// Example:
$(document).ready(function(){
    $('textarea').autosize();   
});

手动触发

$('#example').val('New Text!').trigger('autosize.resize');