达到最后一行时增加textarea的高度

Question

我正在尝试创建一个与http://snippi.com/类似的文本区域。如果你输入的内容足以达到底线（点击输入很多），那么它会将文本区域的高度增加一个'line-height'（在我的网站上为21px）。

我认为最好的方法是使用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');