PhoneGap Js 自动扩展输入框

在类似如下的输入框消息时,如果输入的内容比较多的话.

================================================================================

================================================================================

 

变成如下的效果.(当然此效果可以调整的更加美观.)

================================================================================

 

================================================================================

1.定义个textarea .rows=1这个一定要定义.以及id.

 

<textarea name="replycontent" type="textarea" id="replycontent" rows="1"   style="padding-top:4px; font-size:18px;"   ></textarea>

 

2.js部分

var element = document.getElementById("replycontent"); 
	element.addEventListener("input",webChange,false); 
 
 
function webChange(){ 
	if(element.value){
	
		if(element.value.length>14){
			
			var len=element.value.length/14;
			
			if(len>5) { len=5;}
			document.getElementById('replycontent').style.height=(38*len)+"px";
			//这个38是根据你的宽度来自己设置的.	你可以大致估计下多少字一行	
                        }
	
	}; 
}