可根據內容多少自動伸縮的textarea

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

});

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章