Question

我试图根据现有内容制作textarea autogrow。当textarea的内容太长时，textarea不会自动增长以显示chrome中的全部内容。我应该输入＆＃39; \ n＆＃39; ，textarea将显示整个内容。但是在firefox中，textarea可以显示整个内容。

HTML CODE：

<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 CODE：

<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');

当内容太长时，textarea可以用chrome显示整个内容（onpropertychange工作!!!）。

基于现有内容的Textarea自动调整大小不能在chrome中工作但可以在firefox中工作

1 个答案: