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