javascript - 在您键入时扩展的文本区域并将内容下推到其下方

Question

我正在寻找制作 <textarea> 的方法随着用户输入而展开，但当它展开时我希望它下推它下面的所有内容。我设法让它在用户输入时可扩展(使用 javascript)，但我无法让它下推文本区域下方的内容

我正在使用从 stackoverflow 上的另一篇文章中获取的 javascript 代码:

function setNewSize (textarea) {
    if (textarea.value.length > 5){
        textarea.cols = 90;
        textarea.rows = 15;
    } else {
        textarea.cols = 90;
        textarea.rows = 5;
    }
}

然后在<textarea onkeyup="setNewSize(this)"></textarea>中调用它

Answer 1

您可以尝试使用此方法来调整文本区域的大小。如果这不起作用，您应该为文本区域的容器设置一些属性。

<script language="javascript">
    function increaseHeight(e){
       e.style.height = 'auto';
       var newHeight = (e.scrollHeight > 32 ? e.scrollHeight : 32);
       e.style.height = newHeight.toString() + 'px';
    }  
</script>    

<textarea onkeyup="increaseHeight(this);"></textarea>