Question

我正在寻找一种方法，可以在用户输入时进行<textarea>扩展，但是当它扩展时，我希望它能够下推它下面的所有内容。我设法使其可扩展，因为用户输入（使用javascript），但我不能让它压低它在textarea下面的内容

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

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

您可以尝试使用此方法调整textarea的大小。如果这不起作用，您应该将一些属性设置为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>

Textarea在您键入时会展开并按下它下面的内容

1 个答案: