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         });

 

posted @ 2015-03-10 16:16  懦酷  阅读(536)  评论(2编辑  收藏  举报