Il y avait un autre fil à ce sujet , que j'ai essayé. Mais il y a un problème: le textarea
ne rétrécit pas si vous supprimez le contenu. Je ne trouve aucun moyen de le réduire à la bonne taille - la clientHeight
valeur revient en tant que taille réelle de textarea
, pas son contenu.
Le code de cette page est ci-dessous:
function FitToContent(id, maxHeight)
{
var text = id && id.style ? id : document.getElementById(id);
if ( !text )
return;
var adjustedHeight = text.clientHeight;
if ( !maxHeight || maxHeight > adjustedHeight )
{
adjustedHeight = Math.max(text.scrollHeight, adjustedHeight);
if ( maxHeight )
adjustedHeight = Math.min(maxHeight, adjustedHeight);
if ( adjustedHeight > text.clientHeight )
text.style.height = adjustedHeight + "px";
}
}
window.onload = function() {
document.getElementById("ta").onkeyup = function() {
FitToContent( this, 500 )
};
}