Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当输入更多时,使文本框变大(Facebook风格)_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 当输入更多时,使文本框变大(Facebook风格)

Javascript 当输入更多时,使文本框变大(Facebook风格),javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想模仿Facebook的评论功能。例如,当我在文本框中键入一个超过宽度空间的句子(或输入换行符)时,文本框应降低一行以容纳新行 图片: 案例1 我在文本框中键入一个句子,不超过可用宽度,因此文本框不会在下面创建新行 案例2 我输入了4个句子,每个句子都有与之相关的新行字符。文本框降低1行以容纳最后一句话“例如” 案例3 当我添加更多的行时,文本框应该会扩展,以容纳更多的新句子 案例4 当我删除行时,文本框的大小应该变小以适应文本的减少。案例4的图片可能看起来有点假,但最后一个空行在那里

我想模仿Facebook的评论功能。例如,当我在文本框中键入一个超过宽度空间的句子(或输入换行符)时,文本框应降低一行以容纳新行

图片:

案例1

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

案例2

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

案例3

当我添加更多的行时,文本框应该会扩展,以容纳更多的新句子

案例4


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

有很多jQuery插件可以实现这一点:


有很多jQuery插件可以实现这一点: