基於現有內容的Textarea自動大小無法在Chrome中工作，但可以在Firefox中工作

Question

我試圖根據現有內容製作textarea自動增長。當textarea的內容太長時，textarea不是自動增長顯示chrome中的全部內容。我應該輸入'\ n'，textarea會顯示整個內容。但在Firefox中，textarea可以顯示整個內容。

HTML代碼：

<textarea id="currentValue" class="auto-size" cols="110" onpropertychange="if(this.scrollHeight&gt;80) this.style.posHeight=this.scrollHeight+5"></textarea> 

當內容太長，onpropertychange不能在Chrome瀏覽器，但它可以工作在Firefox。

jQuery代碼：

<script type="text/javascript" src="jquery.autosize.min.js"></script> 
<script type="text/javascript" src="jquery.autosize.input.js"></script> 
<script> 
$(function(){ 

    $.getJSON('data_get', function(ans){ 
     //initial textarea and ensure textarea autogrow only in vertical 
     $('#currentValue').val(ans.currentValue); 
     $('#currentValue').css({ 
      'resize':'vertical' 
     } 
     ); 
      . 
      . 
      . 
     $('.auto-size').autosize({append: "\n"}); 
    } 
}); 
</script> 

Answer 1

我仰望許多文件中找到了答案，但最後我發現jQuery文檔中的答案。 enter link description here

我修改腳本代碼：

$('.auto-size').autosize({append: "\n"}).trigger('autosize.resize'); 

而當內容太長，文本區域可以顯示在Chrome的全部內容（onpropertychange工作！）。