textarea 文本区域自动增高

$.fn.autoTextarea = function (options) {   
    var defaults = {   
        maxHeight: 270,//文本框是否自动撑高,默认:null,不自动撑高;如果自动撑高必须输入数值,该值作为文本框自动撑高的最大高度   
        minHeight: $(this).height() //默认最小高度,也就是文本框最初的高度,当内容高度小于这个高度的时候,文本以这个高度显示   
    };   
    var opts = $.extend({}, defaults, options);   
    return $(this).each(function () {   
        $(this).bind("paste cut keydown keyup", 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';   
            }   
        });   
    });   
};
$('textarea.askText').autoTextarea();

posted @ 2015-09-29 11:17  小猪~~  阅读(620)  评论(0编辑  收藏  举报