源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery实现textarea 高度自适应

  • 时间:2022-10-09 23:38 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery实现textarea 高度自适应
之前给大家分享过用Javascript控制文本框textarea高度随内容自适应增长收缩,今天花了点时间换了种实现方法,总结一下
[u]复制代码[/u] 代码如下:
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)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部