テキストエリアの内容に応じて縦幅を変更する

テキストエリアの内容に応じて縦幅を変更するライブラリです。

ライブラリのダウンロードと設置

「ライブラリのダウンロード」をクリックしてダウンロードしてください。
ライブラリのダウンロード

ダウンロードしたjquery.textarea-auto-height.jsを任意の場所へ置き読み込みます。
（jQueryの設置および読み込みは、完了もしくは同時作業を行っているものとします。）

<script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.textarea-auto-height.js"></script>

使い方

jQueryオブジェクトにした要素に対してメソッドチェーンで指定します。
引数で指定可能なオプションは任意です。

$(function() { $('textarea').textareaAutoHeight(); });

オプション

プロパティ	初期値	説明
auto	true	入力内容に応じて自動的に高さを調整するかどうか。 true = 自動的に調整を行う false = 自動的に調整を行わない

$(function() { var $element = $('textarea').textareaAutoHeight({ auto : false }); });

メソッド

メソッド	説明
element.resizeTextarea()	対象要素の高さを揃える

$(function() { var $element = $('textarea').textareaAutoHeight({ auto : false }); $element.resizeTextarea(); });