Le plug-in jquery implémente la hauteur automatique de la zone de texte multiligne [textarea]_jquery

Implémentation de la fonction :

1/Augmenter automatiquement la hauteur d'une ligne lorsque la zone de texte revient à la ligne
2/Lorsque textarea supprime une ligne, la hauteur de la ligne est automatiquement réduite Dépendance : jquery.xxx.js J'ai besoin d'utiliser des fonctions similaires au travail, mais je trouve gênant d'utiliser des plug-ins pour importer d'autres fichiers, donc je en a écrit un

plug-in jquery textarea

Copier le code Le code est le suivant :

Contenu

          

Copier le code Le code est le suivant :

jQuery.extend({
textareaAutosize_dc : fonction() {
          $("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");
Si (currentEnterCount < enterCount && enterCount != non défini) {
//Soustrayez la hauteur de ligne fixe de chaque ligne
                    $(this).height($(this).height() - lineHeight);
                } else if (currentEnterCount > enterCount) {
//Ajoute une hauteur de ligne fixe à chaque ligne
                     $(this).height($(this).height() lineHeight);
                     $(this).attr("enterCount", currentEnterCount);
            }
//Enregistrez la hauteur actuelle de la ligne
               $(this).attr("enterCount", currentEnterCount);
        });
>
});
//Appeler la hauteur automatique
$.textareaAutosize_dc();

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.