jQuery实现textarea自动增长宽高的方法
更新时间：2015年12月18日 12:27:15 作者：leejersey
这篇文章主要介绍了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程序设计有所帮助。
相关文章
这篇文章主要为大家详细介绍了jQuery ajax调用webservice的注意事项，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
除了全局函数外，jquery中的大多数插件都是通过jquery对象的方法提供的2012-08-08
这篇文章主要介绍了jquery制作居中遮罩层效果示例,需要的朋友可以参考下2014-02-02
想必关注jQuery的同学们对jQuery EasyUI已经有所耳闻了，目前已经更新到1.0.5版本，风格与EXTJS有点相似，可以很好的满足开发人员对UI的需求。2010-04-04
利用JQuery+EasyDrag 实现弹出可拖动的Div，同时向Div传值，然后返回Div选中的值
JQuery是一个优秀的Javascript类库，使得我们曾经对JavaScript的痛恨不再，越来越喜欢上了JavaScript，而且更好的是他的plugin众多.2009-10-10
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】
点击一次上传, 当上传操作结束后才能操作界面，实现方式是通过 ajaxfileuplod 上传文件，需要的朋友参考下吧2018-05-05
这篇文章主要介绍了JQuery中的事件及动画用法,实例分析了事件的绑定、移除、添加及动画方法操作表单的使用技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了jquery实现不包含当前项的选择器,实例分析了jquery选择器的使用技巧,需要的朋友可以参考下2015-06-06
本篇文章，小编为大家介绍关于jQuery实用基础超详细介绍，有需要的朋友可以参考一下2013-04-04
Jquery中的很多方法都是如此，主要包括如下几个2009-01-01
最新评论