根据文本行调整textarea的大小

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”中也是如此。