随着输入文字的多少，extjs textarea 高度自动变化高度

来源：蜘蛛抓取(WebSpider) 时间：2016-03-15 03:22 标签： textarea的高度自适应
jquery实现textarea 高度自适应
之前给大家分享过用Javascript控制文本框textarea高度随内容自适应增长收缩，今天花了点时间换了种实现方法，总结一下
jQuery.fn.extend({
&&&&&&&&&&& autoHeight: function(){
&&&&&&&&&&&&&&& return this.each(function(){
&&&&&&&&&&&&&&&&&&& var $this = jQuery(this);
&&&&&&&&&&&&&&&&&&& if( !$this.attr('_initAdjustHeight') ){
&&&&&&&&&&&&&&&&&&&&&&& $this.attr('_initAdjustHeight', $this.outerHeight());
&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&& _adjustH(this).on('input', function(){
&&&&&&&&&&&&&&&&&&&&&&& _adjustH(this);
&&&&&&&&&&&&&&&&&&& });
&&&&&&&&&&&&&&& });
&&&&&&&&&&&&&&& /**
&&&&&&&&&&&&&&&& * 重置高度
&&&&&&&&&&&&&&&& * @param {Object} elem
&&&&&&&&&&&&&&&& */
&&&&&&&&&&&&&&& function _adjustH(elem){
&&&&&&&&&&&&&&&&&&& var $obj = jQuery(elem);
&&&&&&&&&&&&&&&&&&& return $obj.css({height: $obj.attr('_initAdjustHeight'), 'overflow-y': 'hidden'})
&&&&&&&&&&&&&&&&&&&&&&&&&&& .height( elem.scrollHeight );
&&&&&&&&&&&&&&& }
&&&&&&&&&&& }
&&&&&&& });
&&&&&&& // 使用
&&&&&&& $(function(){
&&&&&&&&&&& $('textarea').autoHeight();
&&&&&&& });
以上就是本文所述的全部内容了，希望对大家学习jQuery能够有所帮助。
顶一下(0) 踩一下(0)
热门标签：推荐这篇日记的豆列
······如果你有疑问：请点击→ 来让更多的人来帮助你！
如果你得到了帮助：请点击→
如果你有更好的解决方案：请点击→ 来帮助更多的人！
如果你有好东西、好知识：请点击→ 来分享给更多的人！输入关键字或相关内容进行搜索
mui-input-row 中textarea内容太多，默认高度不合适只能在div设置一个固定高度，代码如&div class=&mui-input-row& style=&height: 120&&&label&简历&/label&
&textarea id=&hcqk& class=&form& rows=&5& placeholder=&请输入简历&&${jl}&/textarea&
&/div&。请问有没有办法能够让这个textarea的高度实现自适应。
参考：https://developer.mozilla.org/en/docs/Web/API/HTMLTextAreaElement里边的Autogrowing textarea example的代码
要回复问题请先或
浏览: 4356
关注: 2 人网页设计教程与开发
提供各种常见网页效果
提供各种各样的设计教程
装扮QQ，让QQ变得更酷
设计参考，提高自升水平
学习服务器和操作系统
提供各种素材和工具
收藏学习资料
您现在的位置：&&>>&&>>&&>>&&>>&正文
CSS让Textarea文本域根据内容自适应高度
CSS让Textarea文本域根据内容输入的多少自动适应其高度，而不会出现滚动条，你的内容有多满，它就会自动把自己变高。其实这里没有用什么JavaSCript，这完全是CSS的功劳，只需给文本域设置overflow-y:visible样式就搞定了这一切 &title&文本域自适应高度&/title&
&textarea style="width:300overflow-y:visible"&在这里输入一些字符看一下，当超出初设的文本域高度时，文本域自动伸缩变高。 &
转载请注明:破洛洛(谢谢合作)
上一篇文章： 下一篇文章：
网友评论：

我要回帖

更多关于 textarea的高度自适应 的文章

 

随机推荐