cari

Rumah  >  Artikel  >  hujung hadapan web  >  Kaedah jQuery untuk merealisasikan pertumbuhan automatik lebar dan height_jquery textarea

Kaedah jQuery untuk merealisasikan pertumbuhan automatik lebar dan height_jquery textarea

WBOY
WBOYasal
2016-05-16 15:24:511445semak imbas

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.

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：Mentakrifkan tatasusunan dan operasi dan operasi tatasusunan jquery dalam JavaScript jQuery_jqueryArtikel seterusnya：Mentakrifkan tatasusunan dan operasi dan operasi tatasusunan jquery dalam JavaScript jQuery_jquery

Artikel berkaitan

Lihat lagi