masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

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

Kaedah jQuery untuk merealisasikan pertumbuhan automatik lebar dan height_jquery textarea

WBOY

Lepaskan： 2016-05-16 15:24:51

asal

1461 orang telah melayarinya

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>

Salin selepas log masuk

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.

Label berkaitan：

jquery textarea auto-tumbuh

sumber：php.cn

Artikel sebelumnya：Mentakrifkan tatasusunan dan operasi dan operasi tatasusunan jquery dalam JavaScript jQuery_jquery Artikel seterusnya：Cara melaksanakan JavaScript untuk mengekalkan dua tempat perpuluhan dan satu padding sifar automatik untuk kemahiran numbers_javascript

Kenyataan Laman Web ini

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 terbaru oleh pengarang