Maison > interface Web > js tutoriel > jquery implémente textarea hautement adaptive_jquery

jquery implémente textarea hautement adaptive_jquery

WBOY
Libérer: 2016-05-16 16:10:17
original
1260 Les gens l'ont consulté

J'ai déjà partagé avec vous que j'utilisais Javascript pour contrôler la hauteur de la zone de texte afin d'agrandir et de réduire de manière adaptative le contenu. J'ai passé du temps aujourd'hui à changer la méthode d'implémentation et à la résumer

.

Copier le code Le code est le suivant :

jQuery.fn.extend({
               autoHeight : function(){
                  renvoie this.each(function(){
                    var $this = jQuery(this);
Si( !$this.attr('_initAdjustHeight') ){
$this.attr('_initAdjustHeight', $this.outerHeight());
                 }
                          _adjustH(this).on('input', function(){
                         _adjustH(this);
                     });
                });
                     /**
*Réinitialiser l'altitude
                        * @param {Object} elem
                                 */
fonction _adjustH(elem){
                      var $obj = jQuery(elem);
                         return $obj.css({height: $obj.attr('_initAdjustHeight'), 'overflow-y': 'hidden'})
.height(elem.scrollHeight);
                }
            }
        });
​​​​ //Utiliser
         $(function(){
               $('textarea').autoHeight();
        });

Ce qui précède correspond à tout le contenu décrit dans cet article. J'espère qu'il sera utile à tous ceux qui apprennent jQuery.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal