Skip to content

kissygalleryteam/placeholder

This branch is 8 commits ahead of Gourdboy/placeholder:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

author
弘树
Jul 31, 2014
f2e136a · Jul 31, 2014

History

21 Commits
Oct 31, 2013
Jul 31, 2014
Jul 31, 2014
May 29, 2013
Jun 18, 2013
Jul 9, 2013
Jun 5, 2013
May 29, 2013

Repository files navigation

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检查自身应该显示还是隐藏

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%