栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

jquery文字填写自动高度的实现方法

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

jquery文字填写自动高度的实现方法

下面开始写一个jquery插件

(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';
 }
      });
    });
  };
})(jQuery);

调用代码示例: