jQuery实现textarea高度根据内容自适应

 1         //jQuery实现textarea高度根据内容自适应2         $.fn.extend({3             txtaAutoHeight: function () {4                 return this.each(function () {5                     var $this = $(this);6                     if (!$this.attr('initAttrH')) {7                         $this.attr('initAttrH', $this.outerHeight());8                     }9                     setAutoHeight(this).on('input', function () {
10                         setAutoHeight(this);
11                     });
12                 });
13                 function setAutoHeight(elem) {
14                     var $obj = $(elem);
15                     return $obj.css({ height: $obj.attr('initAttrH'), 'overflow-y': 'hidden' }).height(elem.scrollHeight);
16                 }
17             }
18         });
19
20         //调用
21         $(function () {
22             $("#txtaMain").txtaAutoHeight();
23         });

jQuery实现textarea高度根据内容自适应相关推荐

python文本框随窗体变化_Javascript 文本框textarea高度随内容自适应增长收缩
直接上代码: 方案一: 枫芸志 » 文本框textarea高度自适应增长/伸缩晴枫制作 http://jb51.net [Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行] 方案一在各浏 ...
【记录】用Javascript实现文本框textarea高度随内容自动适应增长收缩
// 最小高度 var minRows = 5; // 最大高度,超过则出现滚动条 var maxRows = 12; function autoResize(){ ...
h5如何实现textarea根据输入内容自适应高度
h5如何实现textarea根据输入内容自适应高度 webApp的开发经常会在有评论的功能,textarea会随内容的增加自动增加元素的高度. 实现效果如图: : 1.在底部设置fix的附件元素div ...
css设置元素网页高度自适应,css高度自适应如何实现？css高度根据内容自适应的简单方法...
在进行网页开发时,可能会遇到这样的情况,网页中的内容会超出你原先设置的高度或者宽度,这时就需要实现高度自适应或者宽度自适应,下面这篇文章将给大家来介绍关于css高度自适应. PS:css宽度自适应的介 ...
html中高度自动调整,css高度自适应如何实现？css高度根据内容自适应的简单方法...
在进行网页开发时,可能会遇到这样的情况,网页中的内容会超出你原先设置的高度或者宽度,这时就需要实现高度自适应或者宽度自适应,下面这篇文章将给大家来介绍关于css高度自适应. PS:css宽度自适应的介 ...
uilabel 自行撑开高度_textarea高度随内容自适应增高撑开
一般情况下,就是为textarea设定为一定的高度的文本框,然后当输入的内容超过设定的高度的时候,就会出现滚动条,这样显示是不太美观的,因此就出现需要textarea随输入文本内容高度自适应的需求. ...
jQuery实现textarea高度自适应
js代码 $.fn.autoHeight = function () {function autoHeight(elem) {elem.style.height = 'auto';elem.scrol ...
el-table高度根据内容自适应且设置最大高度
外层容器不设置高度(换句话就是高度设置auto) 在el-table标签设置max-height:根据显示数据条数设置.eg:一条数据(tr)高度30px,10条就乘以10 <div class ...
textarea高度自适应自动增高撑开
方法一:div模拟textarea文本域轻松实现高度自适应 demo演示地址:http://www.xuanfengge.com/demo/201308/textarea/demo1.html 因为t ...
Jquery实现 TextArea 文本框根据输入内容自动适应高度
原文 Jquery实现 TextArea 文本框根据输入内容自动适应高度在玩微博的时候我们可能会注意到一个细节就是不管是新浪微博还是腾讯微博在转发和评论的时候给你的默认文本框的高度都不会很高,这可能 ...

jQuery实现textarea高度根据内容自适应

jQuery实现textarea高度根据内容自适应相关推荐

最新文章

热门文章