最近用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; } }) });