textarea 高度自适应

 1 jQuery.fn.extend({

 2             autoHeight: function(){

 3                 return this.each(function(){

 4                     var $this = jQuery(this);

 5                     if( !$this.attr('_initAdjustHeight') ){

 6                         $this.attr('_initAdjustHeight', $this.outerHeight());

 7                     }

 8                     _adjustH(this).on('input', function(){

 9                         _adjustH(this);

10                     });

11                 });

12                 /**

13                  * 重置高度 

14                  * @param {Object} elem

15                  */

16                 function _adjustH(elem){

17                     var $obj = jQuery(elem);

18                     return $obj.css({height: $obj.attr('_initAdjustHeight'), 'overflow-y': 'hidden'})

19                             .height( elem.scrollHeight );

20                 }

21             }

22         });

23         // 使用

24         $(function(){

25             $('textarea').autoHeight();

26         });

 

你可能感兴趣的:(textarea)