関数の実装:
1/テキストエリアが折り返されるときに行の高さを自動的に高くします
2/textareaで行を削除すると行の高さが自動的に下がる 依存関係:jquery.xxx.js 仕事でも同様の機能を使う必要があるのですが、プラグインを使って他のファイルをインポートするのが不便なので、
を書きました
textarea jquery プラグイン
jQuery.extend({
textareaAutosize_dc: function() {
$("textarea").on("keyup", function(e) {
var currentEnterCount = $(this).val().split("n").length;
var lineHeight = Number($(this).css("line-height").replace("px", ""));
var enterCount = $(this).attr("enterCount");
If (currentEnterCount < enterCount && enterCount != 未定義) {
//各行から固定行の高さを減算します
$(this).height($(this).height() - lineHeight);
} else if (currentEnterCount > enterCount) {
//固定行の高さを各行に追加します
$(this).height($(this).height() lineHeight);
$(this).attr("enterCount", currentEnterCount);
}
// 現在の行の高さを記録します
$(this).attr("enterCount", currentEnterCount);
});
}
});
//自動高さを呼び出します
$.textareaAutosize_dc();
以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。