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为textarea添加maxlength属性的代码
textarea默认不支持maxlength属性。所以通过jquery实现下。具体的看代码。2010-04-043Z版基于jquery的图片复选框(asp.net+jquery)
最近在做一个彩票缩水工具,找了几个图片复选框插件始终感觉不太满意,自己动手山寨了一下imageTick插件.2010-04-04
最新评论