テキストエリアの高さを自動サイズ設定する方法は？

Question

テキストエリアの幅を100％に設定しましたが、今では1行にいくつの文字が収まるかを知る必要があります。

私は、テキストエリアを自動的に拡大/縮小するためのjavascript関数を作成しようとしています。私はjqueryを使うのをやめようとしています。

私の論理はcount += rows.length、その後、rowsとcount += rows[i].length/textarea.colsを反復処理し、最終的にtextarea.rows = count、rows = textarea.value.split('\n')にあります。唯一の問題は、textarea.colsが小さすぎるためcountが大きすぎるということです。

Answer 1

この関数は、要素の高さ（あなたの場合はtextarea）をブラウザのデフォルトの高さに設定します。スクロールバーが表示されると、実際に必要な高さに切り替わります。

function autoHeight(element){ 
    element.style.height='auto'; 
    element.style.height=element.scrollHeight+'px'; 
} 

ブラウザのデフォルトの高さが気に入らない場合は、それを他のデフォルト値に変更することができます。