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实现列表内容的动态载入的特效，效果相当棒，后面附上瀑布流的实现思路和关键代码，有需要的小伙伴可以参考下。2015-08-08
本篇文章小编为大家介绍JQueryEasyUI datagrid框架的基本使用，有需要的朋友可以参考一下2013-04-04
本篇文章主要介绍了jQuery实现移动端Tab选项卡效果的实例。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
焦点图显示区域有固定的宽度,当前显示宽度之外是一个半透明层显示的其它的焦点图片，最好的是，此特效兼容ie6以及其它浏览器。2013-08-08
jQuery 1.4给开发者带来了很多值得兴奋的新特性，同时使用jQuery的人也越来越多，为了方便大家对jQuery的使用，下面列出了一些jQuery使用技巧。2010-11-11
这篇文章主要介绍了关于页面加载即执行JQuery的三种方法小结，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
下面小编就为大家带来一篇jQuery自定义元素右键点击事件(实现案例)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
今我在网上找了好久哟。。。才找到JQUERY方式的异步文件上传，赶紧记了下来。2009-06-06
jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
这篇文章主要是对jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
当我们点击表格里面的标题显示相关的详细信息，比如点击新闻标题显示正文，而正文通常是在一个页面里面，通过获取传递的参数id查询数据库，然后显示出来2011-11-11
最新评论