入力文字量に応じて、高さを自動調整するtextareaを作る【JavaScript・jQuery】

function adjustHeight(textarea) {

    // テキストエリアの垂直スクロールバーを隠す
    textarea.css("overflowY", "hidden");

    // テキストエリアの高さを自動に設定してコンテンツ全体の高さを取得する
    textarea.css("height", "auto");

    // テキストエリアの高さをコンテンツ全体の高さに設定する
    textarea.css("height", textarea[0].scrollHeight + "px");
}

$(function () {

  //初回表示時に高さを調整する
  adjustHeight($("#autoHeightTextarea"));

  //入力時に高さを調整する
  $(document).on("input", "#autoHeightTextarea", function (e) {
       adjustHeight($(this));
  });
});