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

您可能感兴趣的文章:

• jQuery自适应轮播图插件Swiper用法示例
• jQuery简单实现iframe的高度根据页面内容自适应的方法
• jQuery实现布局高宽自适应的简单实例
• jquery自适应布局的简单实例
• 使用jQuery和Bootstrap实现多层、自适应模态窗口
• 使用jQuery不判断浏览器高度解决iframe自适应高度问题
• javascript原生和jquery库实现iframe自适应高度和宽度
• jQuery实现等比例缩放大图片让大图片自适应页面布局
• JQuery加载图片自适应固定大小的DIV
• jQuery实现两列等高并自适应高度