国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery文字填寫自動高度的實現方法

2019-11-19 19:02:36
字體:
來源:轉載
供稿:網友

下面開始寫一個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);

調用代碼示例:

<textarea name="textarea" id="textarea" cols="60" rows="4" class="chackTextarea-area"></textarea><script type="text/javascript">  $(".chackTextarea-area").autoTextarea({    maxHeight: 220,//文本框是否自動撐高,默認:null,不自動撐高;如果自動撐高必須輸入數值,該值作為文本框自動撐高的最大高度  });

以上這篇jquery文字填寫自動高度的實現方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 黄骅市| 盐津县| 清新县| 汉中市| 万山特区| 务川| 繁昌县| 临夏市| 盐城市| 达日县| 扎赉特旗| 安吉县| 洛隆县| 宕昌县| 龙门县| 丹寨县| 商城县| 镇平县| 金堂县| 定襄县| 龙陵县| 江西省| 榆社县| 康乐县| 昌黎县| 洛浦县| 岫岩| 通城县| 资源县| 青冈县| 康马县| 民勤县| 沛县| 右玉县| 壶关县| 韩城市| 渑池县| 孟州市| 鄄城县| 彝良县| 姚安县|