输入框增强
模块继承 placeholder 模块,包含其所有功能,增加清除输入框内容按钮以及密码框显示明文按钮,也可自定义按钮
先睹为快
选项参数
# iconfont
功能:按钮是否以图标形式展示
默认:false
类型:{String} 设置字体图标类名,会在按钮上添加上该类
类型:{Boolean} 值为true是类名默认是iconfont
# hover
功能:在输入框有值的情况下,是否鼠标悬停在输入框上时再显示按钮
默认:false
类型:{Boolean}
# show
功能:是否一直显示按钮,当输入框值为空时也显示
默认:false
类型:{Boolean}
# reveal
功能:设置密码框显示隐藏按钮内容,配合iconfont参数值可设置为字体图标编码
默认:null
类型:{String}
类型:{Object}
属性 | 默认值 | 类型 | 说明 | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
content | null | {String} | 设置按钮内容 | ||||||||||
{Object} |
|
||||||||||||
title | null | {String} | 设置按钮提示文本 | ||||||||||
{Boolean} | 当值为true时,去按钮内容作为提示文本,false则不启用提示功能 | ||||||||||||
{Object} |
|
||||||||||||
iconfont | null | {Boolean} | 功能等同选项参数 | ||||||||||
hover | null | {Boolean} | 功能等同选项参数 | ||||||||||
show | null | {Boolean} | 功能等同选项参数 | ||||||||||
callback | null | {Function} | 按钮触发回调,接收3个参数依次是self:实例对象,event:事件对象,elem:按钮jQuery对象 |
# clear
功能:设置清除内容按钮内容,配合iconfont参数值可设置为字体图标编码
默认:null
类型:{String}
类型:{Object}
属性 | 默认值 | 类型 | 说明 |
---|---|---|---|
content | null | {String} | 设置按钮内容 |
title | null | {String} | 设置按钮提示文本 |
{Boolean} | 当值为true时,去按钮内容作为提示文本,false则不启用提示功能 | ||
iconfont | null | {Boolean} | 功能等同选项参数 |
hover | null | {Boolean} | 功能等同选项参数 |
show | null | {Boolean} | 功能等同选项参数 |
callback | null | {Function} | 按钮触发回调,接收3个参数依次是self:实例对象,event:事件对象,elem:按钮jQuery对象 |
# button
功能:设置多按钮,参数等同clear配置
默认:null
类型:{Array}
# limit
功能:限制文本框字符数量,默认取元素maxlength属性
默认:null
类型:{Boolean}
类型:{Number}
类型:{Object}
属性 | 默认值 | 类型 | 说明 |
---|---|---|---|
max | null | {Number} | 限制可输入字符数量 |
cn | false | {Boolean} | 中文算2个字符 |
style | null | {Object} | 设置样式 |
# text
功能:输入框占位提示文本
类型:{String}
默认:''
说明:若元素上含有placeholder属性将会覆盖该值
# animate
功能:是否以动画形式展示
类型:{Boolean}
默认:false
说明:输入框focus提示文本会缩进并且透明度降低
# equal
功能:输入框值是否可以和占位符内容相同
类型:{Boolean}
默认:true
说明:设置为false时如果输入值等于占位符值将自动被清空
# restore
功能:销毁或者重置组件是否还原默认值
类型:{Boolean}
默认:true
# color
功能:占位符文本颜色
类型:{String}
默认:'#ccc'
# onChange
功能:调用实例的value方法后执行回调
类型:{Function}
默认:null
实例属性
# target
功能:调用组件的对象
类型:{jQuery Object}
实例方法
# value
功能:设置输入框值
类型:{Function}
参数:val {String}
类方法
# value
功能:设置输入框值
类型:{Function}
参数:container {Object} 容器元素(选填)
参数:id {Number, String} 实例__id或者选项参数id
说明:将实例还原为初始状态,不传id则对所有实例操作