关于网页中文本域高度自动适应问题，参考微信回复

 最近手头有个项目中，有个界面想要做出类似于微信中的回复框，输入框的高度可以随文本的输入，换行等自动适应，先放一个微信中的示例

以此为参考，

废话不多说，上代码

(function($) {
    $.fn.autoTextarea = function(options) {
        var defaults = {
            maxHeight : null,// 文本框是否自动撑高，默认：null，不自动撑高；如果自动撑高必须输入数值，该值作为文本框自动撑高的最大高度
            minHeight : $(this).height()
        // 默认最小高度，也就是文本框最初的高度，当内容高度小于这个高度的时候，文本以这个高度显示
        };
        var opts = $.extend({}, defaults, options);
        return $(this).each(function() {
            $(this).bind("paste cut keydown keyup focus blur", function() {
                var height, style = this.style;
                this.style.height = opts.minHeight + 'px';
                if (this.scrollHeight > opts.minHeight) {
                    if (opts.maxHeight && this.scrollHeight > opts.maxHeight) {
                        height = opts.maxHeight;
                        style.overflowY = 'scroll';
                    } else {
                        height = this.scrollHeight;
                        style.overflowY = 'hidden';
                    }
                    style.height = height + 'px';
                }23             });
        });
    };
})(jQuery);

引用示例

$("textarea").autoTextarea({
　　maxHeight:180//文本框是否自动撑高，默认：null，不自动撑高；如果自动撑高必须输入数值，该值作为文本框自动撑高的最大高度
});

效果图如下

有用到的朋友可以参考下！