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

jquery implémente textarea hautement adaptive_jquery

WBOY
WBOYoriginal
2016-05-16 16:10:171223parcourir

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.

Déclaration:
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