文本区域，在您键入时展开并向下推送其下方的内容

Textarea that expands as you type and pushes down content below it

本文关键字：下推 区域 文本      更新时间：2023-09-26

我正在寻找一种方法，使<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> 中调用它

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

<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>
相关文章：