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
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.