码迷,mamicode.com
首页 > 其他好文 > 详细

textarea 高度自适应

时间:2015-03-11 16:54:39      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:

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

textarea 高度自适应

标签:

原文地址:http://www.cnblogs.com/chencheng365/p/4330042.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!