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能够有所帮助。