javascript - 如果定义了 textarea 的高度，则扩展 textarea 脚本不起作用

Question

这是我的脚本：

function expandtext(textArea){ 
while (
    textArea.rows > 1 &&
    textArea.scrollHeight < textArea.offsetHeight
){
    textArea.rows--;
}
var h=0;
while (textArea.scrollHeight > textArea.offsetHeight && h!==textArea.offsetHeight)
{
    h=textArea.offsetHeight;
    textArea.rows++;
}
textArea.rows++
 }

html:

<textarea class="expta" onkeyup="expandtext(this);" style="overflow-y:hidden;"></textarea>

到目前为止一切正常。但是当我添加 textarea 高度时：

<textarea class="expta" onkeyup="expandtext(this);" style="height:16px;overflow-y:hidden;"></textarea>

它不起作用了。有任何想法吗？

Answer 1

如果您为 textarea 设置 style-height- 属性，则此 style 属性将保持设置为 16px，直到您对其进行操作。

您需要更改脚本中的 textarea.style.height 而不是 textarea.rows！