Question

您好，我有一个脚本，该脚本会根据您键入的内容量自动扩展文本区域的高度。

function textAreaAdjust(o) {
  o.style.height = "1px";
  o.style.height = (25+o.scrollHeight)+"px";
}

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

这非常适合根据输入的内容增加/减少高度。但是，一旦您按Enter /提交表格，我希望它完全重置为默认高度。（它是一个聊天应用程序）。当前，您必须在提交表单后开始输入新文本，然后才能识别新的适当高度。（它是一个小聊天应用程序）

感谢您的帮助！

Answer 1

在JavaScript中添加textarea值长度的检查，如下所示：

function textAreaAdjust(o) {
  o.style.height = "1px";
  o.style.height = (25+o.scrollHeight)+"px";

  if(o.value.length < 1){
    o.style.height = "30px";
  };

}

这是工作中的CodePen

重置表单提交时扩展的文本区域的高度

1 个答案: