Rumah > Artikel > hujung hadapan web > Kaedah jQuery untuk merealisasikan pertumbuhan automatik lebar dan height_jquery textarea
Contoh dalam artikel ini menerangkan cara jQuery merealisasikan pertumbuhan automatik bagi lebar dan ketinggian kawasan teks. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:
<script type="text/javascript"> $(function(){ $("#iptcont").bind("keydown",function(e){ var key = e.which,that = this,h = 20; if (key == 13) { var brs = $(this).val().split("\n").length+1; $(this).attr("rows",brs).height(h*brs); }else if(key == 8){ window.setTimeout(function(){ var brs = $(that).val().split("\n").length; $(that).attr("rows",brs).height(h*brs); },100); } }); }); </script> <body> <textarea id="iptcont" rows="1" style="border:none;height:20px;border-bottom:1px solid blue;width:200px;resize:none;font-size:18px;line-height:20px;overflow:hidden;"></textarea> </body>
Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.