| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
jopen
12年前发布

jquery----TextArea高度自适应

 //最小高度和最大高度默认    $("#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();      }  }); 

 本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1366080573500.html
jQuery 表单相关jQuery插件 jQuery插件