jQuery实现textarea自动增长宽高的方法
编程学习 2021-07-04 21:04www.dzhlxh.cn编程入门
这篇文章主要介绍了jQuery实现textarea自动增长宽高的方法,涉及jQuery针对键盘按键的响应及页面元素的动态操作技巧,需要的朋友可以参考下
本文实例讲述了jQuery实现textarea自动增长宽高的方法。分享给大家供大家参考，具体如下：
<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>
希望本文所述对大家jQuery程序设计有所帮助。