javascript - 最後の行に達したときにテキストエリアの高さを増やします

Question

http://snippi.com/にあるものと同様のテキスト領域を作成しようとしています。一番下の行に到達するのに十分な量を入力すると (Enter をたくさん押す)、テキスト領域の高さが 1 'line-height' (私のサイトでは 21px) 増加します。

これを行う最善の方法は jQuery を使用することだと思いますが、どこから始めればよいかわかりません。誰でも助けてもらえますか？行を削除すると、 http://snippi.com/のように「行の高さ」が 1 つ「縮小」する場合も同様に素晴らしいことです。

私はそれを試してみましたが、コードはjsFiddle にあります。これは私が始めたものです：

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

score 1 · Accepted Answer

Snippi はこのようなものを使用していると思います。http://www.jacklmoore.com/autosize/

使用法

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

手動トリガー

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

1 に答える 1