javascript - 根据文本行调整文本区域的大小

Question

<script type="text/javascript">
      function AutoGrowTextArea(textField) {
        if (textField.clientHeight < textField.scrollHeight) {
            textField.style.height = textField.scrollHeight + "px";
            if (textField.clientHeight < textField.scrollHeight) {
                textField.style.height =
    (textField.scrollHeight * 2 - textField.clientHeight) + "px";
            }
        }
    }
    </script>

<form id="myForm" action="" method="post" runat="server">
  <input type = "text" onkeyup="AutoGrowTextArea(this)"  style="width:700px; height:20px" />
   </form>
       </body>

嘿伙计们，我有一个脚本，我可以用它来增加文本区域的大小，一次一行，就像 facebook 的评论框一样。但问题是：我想将它应用在文本框中，而不是文本区域，我也尝试过，但是发生的情况是，每次我按下一个键时，整个文本区域都会增加它的高度......这绝对是我不需要的行为......（所有语义都是正确的，可能在粘贴时丢失了一些......）所以有人可以帮我解决这个问题吗？问候...

Answer 1

将“height”替换为“width”，甚至在“scrollHeight”等。