☰

コンテンツの長さに基づいてサイズを変更するテキストエリア [重複] 質問する

tag-icon • tag-icon javascript
コンテンツの長さに基づいてサイズを変更するテキストエリア [重複] 質問する

ボックスにテキストを入力するテキストエリアが必要です。テキストエリアは、スクロール バーの処理を避けるために必要に応じて長さが伸び、テキストを削除した後には縮小する必要があります。軽量フォームなので、mootools や jquery を使用するつもりはありませんでした。

ベストアンサー1

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 で動作します。

おすすめ記事