在表單提交時重置擴展文本區域的高度

Question

您好，我有這個腳本，它根據您輸入的內容量自動擴展文本區域高度。

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

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

這對於根據輸入的內容增加/減少高度非常有用。 但是，我希望它在您點擊輸入/提交表單后完全重置為默認高度。 （它是一個聊天應用程序）。 目前，您必須在表單提交后開始輸入新文本，然后才能識別新的適當高度。 （它是一個小聊天應用程序）

謝謝你的幫助！

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