cari

Rumah >hujung hadapan web >tutorial js >JS meniru kaedah editor untuk menukar lebar dan ketinggian kotak teks dalam kemahiran javascript_masa nyata

JS meniru kaedah editor untuk menukar lebar dan ketinggian kotak teks dalam kemahiran javascript_masa nyata

WBOY
WBOYasal
2016-05-16 15:44:361257semak imbas

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.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Petua untuk bekerja dengan imej pada halaman web menggunakan CamanJS_jqueryArtikel seterusnya：Petua untuk bekerja dengan imej pada halaman web menggunakan CamanJS_jquery

Artikel berkaitan

Lihat lagi