Das JQuery-Plug-In implementiert die automatische Höhe des mehrzeiligen Textfelds [textarea]_jquery

Funktionsimplementierung:

1/Erhöhen Sie automatisch die Höhe einer Zeile, wenn der Textbereich umbrochen wird
2/Wenn textarea eine Zeile löscht, wird die Höhe der Zeile automatisch reduziert. Abhängigkeit: jquery.xxx.js Ich muss bei der Arbeit ähnliche Funktionen verwenden, aber ich finde es unpraktisch, Plug-Ins zum Importieren anderer Dateien zu verwenden, also habe ich schrieb einen

textarea jquery plug-in

Code kopieren Der Code lautet wie folgt:

Content

          

Code kopieren Der Code lautet wie folgt:

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 != undefiniert) {
//Subtrahiere die feste Zeilenhöhe von jeder Zeile
                    $(this).height($(this).height() - lineHeight);
                } else if (currentEnterCount > enterCount) {
//Füge jeder Zeile eine feste Zeilenhöhe hinzu
                     $(this).height($(this).height() lineHeight);
                     $(this).attr("enterCount", currentEnterCount);
            }
//Zeichne die aktuelle Zeilenhöhe auf
               $(this).attr("enterCount", currentEnterCount);
        });
}
});
//Automatische Höhe aufrufen
$.textareaAutosize_dc();

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.