ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryプラグインは複数行のテキストボックスの自動高さを実装します [textarea]_jquery

jqueryプラグインは複数行のテキストボックスの自動高さを実装します [textarea]_jquery

WBOY
WBOYオリジナル
2016-05-16 16:11:201144ブラウズ

関数の実装:

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();

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。