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

首頁 > 編程 > JavaScript > 正文

jQuery 自動(dòng)增長的文本輸入框?qū)崿F(xiàn)代碼

2019-11-21 00:36:34
字體:
供稿:網(wǎng)友
為了提高用戶體驗(yàn),我在午休時(shí)候想起了是不是可以用jQuery寫個(gè)插件。想到不如做到,果然,我實(shí)現(xiàn)了這個(gè)功能。在寫這個(gè)插件時(shí)我潛意識(shí)里想到這樣的插件網(wǎng)上應(yīng)該有人寫過,不過我并沒有去搜索,你有興趣可以找一找。下面是插件的源代碼。
源代碼
復(fù)制代碼 代碼如下:

;(function($) {
$.fn.autoSizeText = function(settings) {
var _defaultSettings = {min:20,max:40};
var _settings = $.extend(_defaultSettings, settings);
var _handler = function() {
jQuery(this).keyup(function() {
if (jQuery(this).attr("type") != 'text') {
return false;
}
jQuery(this).attr("size", _settings.min);
var actLength = jQuery(this).val().length;
if (actLength > _settings.min && actLength < _settings.max) {
jQuery(this).attr("size", actLength + 1);
} else if (actLength <= _settings.min) {
jQuery(this).attr("size", _settings.min);
}
});
};
return this.each(_handler);
};
})(jQuery);

調(diào)用方法:$(':text').autoSizeText();即可。
本插件有兩個(gè)可選參數(shù):max(設(shè)置文本框最大的size,超過此值不再size增長,默認(rèn)值40)和min(設(shè)置文本框最小的size,同時(shí)也是文本框的初始size,默認(rèn)值為20),在調(diào)用時(shí)可以修改。
例如:$(':text').autoSizeText({min:24,max:35});
$(':text').autoSizeText({max:35});//min沒有設(shè)置,取默認(rèn)值20
$(':text').autoSizeText({min:12});//max沒有設(shè)置,取默認(rèn)值40
你可以在此基礎(chǔ)上繼續(xù)擴(kuò)展,例如可以支持textarea。
enjoy it!
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 东山县| 娱乐| 恩施市| 禹城市| 娱乐| 陵水| 大悟县| 出国| 霍林郭勒市| 车险| 弥渡县| 沂南县| 玉树县| 长沙县| 玛曲县| 武安市| 蕲春县| 红安县| 金湖县| 建德市| 三江| 衡水市| 通辽市| 朝阳区| 黑水县| 新乡县| 通河县| 安平县| 阳新县| 诸暨市| 云浮市| 万全县| 三台县| 北宁市| 修文县| 承德市| 青海省| 兖州市| 临沂市| 白沙| 古浪县|