最近用jquery写了一个自动伸缩的textarea,
主要是监听用户键盘事件,查看用户输入字符的多少,然后改变textarea的css height 高度
var height = 0; var wordcount = 0; $(document).ready(function(){ $("#question").keyup(function(){ var question = $("#question").val(); $("title").text(question.length); if(question.length > 200){ warn("最多输入120个字符"); $("textarea").val(question.substring(0, 120)); return false; } if(question.length > (55+wordcount)){ height = height + 45; wordcount = wordcount + 50; $(".content").animate({height:45+height},"normal"); $("textarea").animate({height:45+height},"normal"); } if(question.length < 20){ $(".content").animate({height:45},"normal"); $("textarea").animate({height:45},"normal"); height = 0; wordcount = 0; } }) });