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是根据你的宽度来自己设置的.你可以大致估计下多少字一行                        }}; }