kissy-placeholder
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is 8 commits ahead of Gourdboy:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
1.0
2.0.0
doc
.gitignore
Gruntfile.js
README.md
abc.json
package.json

README.md

placeholder

changelog

V1.0

支持内部修改input的value时,监测重置placeholder状态的组件

组件快速使用

初始化代码:

var placeholder = new Placeholder({
             node : '#J_Test'
         });

能监听通过val()方法修改input的value值时重置placeholder状态

同时也提供方法:

placeholder.check();//外部调用方法重置状态

配置

参数名称 类型 默认值 必填 备注
node String|NodeList null 绑定的输入框
labelTmpl HtmlString <label class="placeholder-text" style="display: none;color:#9a9a9a;line-height:1.5;position:absolute;left:0;top:0;"> </label> placeholder文字的结构和样式模板
wapperTmpl HtmlString <span class="placeholder-wrap" style="position: relative;display:inline-block;zoom:1;"></span> 绑定的输入框
wapperTmpl String|NodeList null 手动设置placeholder的父级节点,设置该值后不再使用wapperTmpl去创建父级节点
region Object {width:120,height:20,left:0,top:0} label的定位和宽高设定,不设定将依赖input的宽高去计算label的位置

方法

方法名称 参数 备注
check 触发placeholder检查自身应该显示还是隐藏