要根据内容长度调整大小的文本区域

一尘不染

要根据内容长度调整大小的文本区域

javascript

我需要一个textarea，在框中输入文字，它会根据需要增加长度，以避免必须处理滚动条，并且在删除文本后需要缩小！我不想沿着mootools或jquery路线走，因为我有一个轻量级的表单。

阅读 329

2020-05-01

共1个答案

一尘不染

您可以通过设置为1px，然后读取scrollHeight属性来检查内容的高度：

function textAreaAdjust(o) {

  o.style.height = "1px";

  o.style.height = (25+o.scrollHeight)+"px";

}


<textarea onkeyup="textAreaAdjust(this)" style="overflow:hidden"></textarea>

它可以在Firefox 3，IE 7，Safari，Opera和Chrome下运行。

2020-05-01