Contoh dalam artikel ini menerangkan kaedah JS meniru editor untuk menukar lebar dan ketinggian kotak teks dalam masa nyata. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
Berikut ialah demonstrasi cara menukar saiz kotak teks, termasuk lebar dan tinggi, dalam masa nyata dalam editor tiruan JS Dalam sesetengah editor dalam talian, seperti eWebEditor, terdapat fungsi yang membenarkan kotak teks untuk terus bertambah atau berkurang Bagaimanakah fungsi ini dilaksanakan untuk menyesuaikan dengan saiz halaman? Sila rujuk program ini, saya percaya anda akan mendapat manfaat daripadanya.
Tangkapan skrin kesan berjalan adalah seperti berikut:
Alamat demo dalam talian adalah seperti berikut:
http://demo.jb51.net/js/2015/js-editor-cha-width-height-codes/
Kod khusus adalah seperti berikut:
<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>Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
