如果定义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-属性，则此样式属性将保持设置为16px，直到您对其进行操作。

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