您的位置：首页 > Web前端 > JQuery

jQuery实现textarea自动增长宽高的方法

2015-12-18 00:00 956 查看
本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

jQuery往textarea中光标所在位置插入文本的方法
jQuery替换textarea中换行的方法
jQuery实现限制textarea文本框输入字符数量的方法
Jquery实现textarea根据文本内容自适应高度
jQuery实现在textarea指定位置插入字符或表情的方法
jquery实现textarea 高度自适应
jquery实现textarea输入框限制字数的方法
jquery的clone方法应用于textarea和select的bug修复
jquery 多行文本框(textarea)高度变化
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航