国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

1, use shadow

<p style="height:0; overflow:hidden;">
    <p class="shadow"></p>
</p>
<textarea style="overflow:hidden;"></textarea>

<script>
    textarea.addEventListener('input', function(e) {
        shadow.innerHTML = this.value.replace(/\</g, '<').replace(/\>/g, '>');
        this.height = shadow.clientHeight + 'px';
    });
</script>

2, use contenteditable attribute

<p contenteditable="true">這里的高度會隨內(nèi)容自動擴展</p>

3, if using

textarea.style.height = textarea.scrollHeight + 'px';

This form can also adjust the height, but the scroll bar will flash when the line is changed, and the height will only increase but not decrease, which is the worst writing experience.

Give the textarea an oninput event

<textarea id="text"></textarea>
document.getElementById('text').style.height = document.getElementById('text').scrollHeight + 'px'

Similar to this

http://stackoverflow.com/ques...

The total height of the textarea (use jQ’s element.height(), if it is native js, please check the BIF of the manual) / the row height you defined