JS模仿編輯器實時改變文本框寬度和高度大小的方法
編輯：關於JavaScript
本文實例講述了JS模仿編輯器實時改變文本框寬度和高度大小的方法。分享給大家供大家參考。具體如下：
這裡演示JS模仿編輯器中實時改變文本框大小，包括寬度和高度的方法，在一些在線編輯器，比如eWebEditor中，就有一個功能，讓文本框不斷的增大或減小，以適應頁面的大小，這個功能是如何實現的呢？請您參考一下這個程序，相信你會從中獲益。
運行效果截圖如下：
在線演示地址如下：
http://demo.jb51.net/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程序設計有所幫助。
小編推薦
熱門推薦