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:511433semak 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