快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

Jquery实现<textarea>根据内容自动改变大小

创新互联建站长期为上1000家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为法库企业提供专业的网站制作、成都网站建设,法库网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制开发。


任职要求

jquery.autogrow.textarea.js如下:

/*

Auto-growing textareas; technique ripped from Facebook

(Textarea need set style "overflow:hidden" under IE)

*/

(function($) {

function times(string, number) {

  for (var i = 0, r = ''; i < number; i ++) r += string;

  return r;

}

 

$.fn.autogrow = function(options) {

  this.filter('textarea').each(function() {

    this.timeoutId = null;

    var $this = $(this), minHeight = $this.height();

    var shadow = $('

').css({

      position:   'absolute',

      wordWrap:   'break-word',

      top:        0,

      left:       -9999,

      display:    'none',

      width:      $this.width(),

      fontSize:   $this.css('fontSize'),

      fontFamily: $this.css('fontFamily'),

      lineHeight: $this.css('lineHeight')

    }).appendTo(document.body);

 

    var update = function() {

      var val = this.value.replace(/

        .replace(/>/g, '>')

        .replace(/&/g, '&')

        .replace(/\n$/, '
 ')

        .replace(/\n/g, '
')

        .replace(/ {2,}/g, function(space) { return times(' ', space.length -1) + ' ' });

      shadow.html(val);

      $(this).css('height', Math.max(shadow.height(), minHeight));

    }

     

    var updateTimeout = function() {

      clearTimeout(this.timeoutId);

      var that = this;

      this.timeoutId = setTimeout(function(){ update.apply(that); }, 100);

    };

 

    $(this).change(update).keyup(updateTimeout).keydown(updateTimeout);

    update.apply(this);

  });

  return this;

}

})(jQuery);



网页题目:Jquery实现<textarea>根据内容自动改变大小
标题链接:http://6mz.cn/article/jdiejs.html

其他资讯