javascript - 键入更多内容时使文本框更大（Facebook风格）

我想模仿Facebook的确切评论功能。例如，当我键入超过文本框中宽度空间量的句子（或输入换行符）时，文本框应该减少一行以容纳新行。

图片：

案例1

Case 1 Image

我在文本框中输入一个句子，不超过可用宽度，因此文本框不会在下面创建新行。

案例2

Case 2 Image

我输入了4个句子，每个句子都带有与之关联的新行字符。文本框降低1行以容纳最后一句“例如”。

案例3

Case 3 Image

当我添加更多行时，文本框应该展开，有更多空间来容纳新句子。

案例4

Case 4 Image

当我删除这些行时，文本框大小应该变小以适应文本的减少。 案例4的图片可能看起来有点欺骗性，但最后一个空白行是因为我的文本光标在那里。