当前位置是:汇盛国际 > 新闻动态 > 新闻动态

jquery实现文本框textarea自适应高度

来源:caddoing.com 作者:细多 发布时间:2018-01-09 点击量:

    $(function() 汇盛国际 {  //最小高度和最大高度默认  $("#textarea1").textareaAutoHeight();  //最大高度为100px  $("#textarea2").textareaAutoHeight({maxHeight: 100});  //最小高度为50px,最大高度为200px  $("#textarea3").textareaAutoHeight({minHeight: 50, maxHeight: 200});  })  $.fn.extend({  textareaAutoHeight: function(options) {  this._options={  minHeight: 0,  maxHeight: 1000  }  this.init=function() {  for (var p in options) {  this._options[p]=options[p];  }  if (this._options.minHeight==0) {  this._options.minHeight=parseFloat($(this).height());  }  for (var p in this._options) {  if ($(this).attr(p)==null) {  $(this).attr(p, this._options[p]);  }  }  $(this).keyup(this.resetHeight).change(this.resetHeight)  .focus(this.resetHeight);  }  this.resetHeight=function() {  var _minHeight=parseFloat($(this).attr("minHeight"));  var _maxHeight=parseFloat($(this).attr("maxHeight"));  if (!$.browser.msie) {  $(this).height(0);  }  var h=parseFloat(this.scrollHeight);  h=h < _minHeight ? _minHeight :h > _maxHeight ? _maxHeight : h;  $(this).height(h).scrollTop(h);  if (h >=_maxHeight) {  $(this).css("overflow-y", "scroll");  }  else {  $(this).css("overflow-y", "hidden");  }  }  this.init();  }  });  




上一篇:汇盛国际注册:运营知识:捕鱼游戏开发是基础运

下一篇:告诉你什么是javascript的回调函数