Textarea自适应文字内容调整高度

Textarea自适应文字内容调整高度

在Textarea标签的使用中，相信大家都遇到过，当内容很多的时候，textarea就会产生一个滚动条，从数据展示来看，很不清晰，但是有不能直接把textarea高度设置得很大，一旦写死，要不是页面不协调就是内容展示不清晰，那么我们想要的是，textarea的高度能够随着内容 的多少来自动调节；

下面附上代码，望相互学习；

//Textarea自适应文字内容调整高度；
(function($){
      $.fn.autoTextarea = function(options) {
        var defaults={
          maxHeight:null,
          minHeight:$(this).height()
        };
        var opts = $.extend({},defaults,options);
        return $(this).each(function() {
          $(this).bind("paste cut keydown keyup focus",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';
            }
          });
        });
      };
    })(jQuery);

使用时：

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

如有帮助，不胜荣幸；