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 のコメント ボックスのように、テキスト領域のサイズを一度に 1 行ずつ拡大できるスクリプトがあります。しかし、ここに問題があります:これをテキスト領域ではなくテキストボックスに適用したいのですが、それも試してみましたが、キーを押すたびにテキスト領域全体の高さが増加します...そして、それは間違いなく私が必要としない動作です...（すべてのセマンティクスは正しいです。ここに貼り付けている間に一部が失われた可能性があります...）よろしく...

Answer 1

「scrollHeight」などでも、どこでも「高さ」を「幅」に置き換えます。