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

Question

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

图片：

案例1

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

案例2

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

案例3

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

案例4

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

Answer 1

有很多jQuery插件可以实现这个目标：

  

  
• http://www.jacklmoore.com/autosize
  
• http://unwrongest.com/projects/elastic/
  
• http://jqueryui.com/resizable/#textarea