[解決済み] コンテンツの長さに応じてサイズを変更するTextarea [重複]。

質問

テキストを入力するボックスが必要なのですが、スクロールバーに対処する必要がないように、必要に応じて長さを伸ばし、テキストを削除した後は縮小する必要があります！このようなテキストエリアが必要です。 私は軽量なフォームを持っているので、mootoolsやjqueryのルートをダウン行きたくありませんでした。

解決方法は？

コンテンツの高さは 1px を読み、その後に scrollHeight プロパティを使用します。

function textAreaAdjust(element) {
  element.style.height = "1px";
  element.style.height = (25+element.scrollHeight)+"px";
}

<textarea onkeyup="textAreaAdjust(this)" style="overflow:hidden"></textarea>

Firefox 3、IE 7、Safari、Opera、Chromeで動作します。