(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);
调用方法:$(‘:text’).autoSizeText();即可。
本插件有两个可选参数:max(设置文本框最大的size,超过此值不再size增长,默认值40)和min(设置文本框最小的size,同时也是 文本框的初始size,默认值为20),在调用时可以修改。
例如:$(‘:text’).autoSizeText({min:24,max:35});
$(‘:text’).autoSizeText({max:35});//min没有设置,取默认值20
$(‘:text’).autoSizeText({min:12});//max没有设置,取默认值40
你可以在此基础上继续扩展,例如可以支持textarea。
分享到:
相关推荐
jquery仿支付宝input文本输入框放大组件适用于文本输入的网页。
jQuery掩码文本输入框 jQuery掩码文本输入框网页特效.zip
这里向大家推荐一款优秀的 jQuery 文本输入框自动完成 & 自动提示插件,帮助你在网站中轻松添加输入框的自动完成和自动提示功能。主要参数介绍: serviceUrl:Ajax 请求的 URL; lookup:本地数据数组; minChars:...
jquery样式emoji表情加输入框
本输入框内的字数不能确定,而input type="text"的size是固定的,当字数超过size时(默认是20),先输入的内容就会从文本框的左端隐藏起来,不便于输入。
jquery弹出键盘输入框代码,用在登陆时用户点击输入框弹出软键盘。
jQuery无刷新实时修改输入框中的文本并保存,可以把input数据在不经过数据读取的情况下及时修改,增强用户体验,确认修改后再上传数据库。 这种功能估计大家以前都见到过的,特别是在一些用户体验比较好的CMS系统...
jquery输入框提示插件input输入框文字下拉提示添加标签代码
jQuery实现输入框回车添加标签代码,可以在输入框输入关键词后回车键入标签,也可以选择预设的标签,选择后的标签会显示在输入框的上方,也可以删除,支持过滤重复标签。
jquery实现输入框点击出现下拉列表树插件代码,jquery实现输入框点击出现下拉列表树插件代码(html)
jQuery实现输入框自动补全邮箱提示jQuery实现输入框自动补全邮箱提示
jQuery文本输入框内容格式化代码是一款支持日期格式,手机号码,时间格式(小时),带区号的座机号码,美国电话号码,地区号码,混合类型,邮政编码,货币等文字格式化插件。
jquery插件maskedinput实现掩码文本输入框(masked input效果).zip
jquery输入框随输入字符长度自动增长
JQuery插件,下拉选择输入框,实现效果为下拉选择输入框,在输入框中可以输入,辅助实现搜索功能,在下拉框中可以选择内容填充,并有两种填充方式,一种普通input赋值方式,一种是标签形式的内容填充,如csdn的添加...
jquery实现友好的输入框提示,可以直接使用,简单易用
在本篇文章里小编给大家整理的是一篇关于jQuery/JS监听input输入框值变化实例内容,需要的朋友们学习下。