Autosize une zone de texte sans accent

Question

Actuellement, j'ai le code suivant pour mon textarea redimensionnement automatique:

$('textarea').bind('input propertychange', function() { 
    $(this).height(50).height(Math.min(370, this.scrollHeight)); 
}); 

Cela fonctionne bien alors que je suis dans la zone de texte et modifier le texte en appuyant sur certaines touches.

Ce dont j'ai besoin est une possibilité de faire la même chose lors de la définition du texte de la zone par JavaScript et lorsque la zone de texte n'est pas focalisée. Seul l'exécution du même code dans le rappel (bien sûr avec la bonne portée) ne fonctionne pas - la hauteur est nulle.

Answer 1

Vous pouvez essayer de déclencher l'événement

$('textarea').on('input propertychange', function() { 
    $(this).height(50).height(Math.min(370, this.scrollHeight)); 
}); 
$('textarea').trigger('propertychange'); 

// Si vous modifiez le contenu textarea avec html() ou ajoutez vous pouvez essayer quelque chose comme ça $ ('textarea') html (somecontent). $ ('textarea'). Height ($ ('textarea'). ScrollHeight);

Answer 2

après l'exécution de votre feu de fonction de rappel de la fonction propertyChange

$('textarea').trigger('propertychange'); 

Answer 3

avec un change et un trigger

$("#i").on('change', function(){ 
 
    this.style.color = 'red'; 
 
    }); 
 
function f(){ 
 
    $('#i').trigger('change'); 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="i" value="hello" /><br> 
 
<button onclick="f()">Run</button>

Answer 4

ma solution jquery est:

$(document).ready(function(){ 
    $("textarea").each(function(){ 
     $(this).height(($(this)[0].scrollHeight) + "px"); 
    }); 
    $("textarea").keypress(function(){ 
     $(this).height(($(this)[0].scrollHeight) + "px"); 
    }); 
}) 

JSFiddle