本文實例講述了JS模仿編輯器實時改變文本框寬度和高度大小的方法。分享給大家供大家參考。具體如下：
這里演示JS模仿編輯器中實時改變文本框大小，包括寬度和高度的方法，在一些在線編輯器，比如eWebEditor中，就有一個功能，讓文本框不斷的增大或減小，以適應頁面的大小，這個功能是如何實現的呢？請您參考一下這個程序，相信你會從中獲益。
運行效果截圖如下：
在線演示地址如下：
http://demo.VeVB.COm/js/2015/js-editor-cha-width-height-codes/
具體代碼如下：
<html><head><title>改變文字區域的高寬</title><script language="javascript"><!-- function addrows(){ rows = form1.txt.rows; rows++; form1.txt.rows = rows; } function addcols(){ cols = form1.txt.cols; cols++; form1.txt.cols = cols; }//--></script></head><body><form name="form1"> <textarea name="txt"></textarea> <input type="button" value="增加高" onClick="addrows()"> <input type="button" value="增加寬" onClick="addcols()"></form></body></html>希望本文所述對大家的javascript程序設計有所幫助。
新聞熱點
疑難解答
