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.