欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS模仿編輯器實時改變文本框寬度和高度大小的方法

 更新時間：2015年08月17日 16:28:14   作者：企鵝  
這篇文章主要介紹了JS模仿編輯器實時改變文本框寬度和高度大小的方法,涉及javascript鼠標事件及頁面元素樣式的動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了JS模仿編輯器實時改變文本框寬度和高度大小的方法。分享給大家供大家參考。具體如下：

這里演示JS模仿編輯器中實時改變文本框大小，包括寬度和高度的方法，在一些在線編輯器，比如eWebEditor中，就有一個功能，讓文本框不斷的增大或減小，以適應頁面的大小，這個功能是如何實現(xiàn)的呢？請您參考一下這個程序，相信你會從中獲益。

運行效果截圖如下：

在線演示地址如下：

http://demo.jb51.net/js/2015/js-editor-cha-width-height-codes/

具體代碼如下：

<html>
<head>
<title>改變文字區(qū)域的高寬</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程序設計有所幫助。

相關文章

最新評論