更新时间:2017/8/28 上午9:31:05
更新说明:
1. 修改 $.fn.isIE ,原来是一个方法,现改为属性,使用由 $.isIE() 改为 $.isIE;
2. 简化 placeholder 方法的代码,将监听事件改为即时事件 propertychange 。
更新时间:2017/8/22 上午9:52:58
更新说明:
1. 重复调用 $(selector).placeholder() 将不会重复渲染带有placeholder属性的DOM元素;
2. 页面上临时新增的元素,可以使用 $('[placeholder]').placeholder() 进行再次渲染;
更新时间:2017/8/21 下午12:39:27
更新说明:
1. Demo 移除了select元素,增加了密码控件;
2. placeholder.js有改动,目的是修复BUG: 当控件value不为空时,placeholder文本应该舒适化状态为隐藏。
插件内有一些参数可供自定义,但默认的其实是最好的:
1 2 3 4 5 6 7 8 9 10 11 12 13 | //default optionsvar opts = { //是否使用内置样式 useDefaultStyle : true, //placeholder文字css类名 placeClassName : 'placeholder', //input父类名 parentClassName : 'placeholder-parent', //input父类CSS parentStyle : 'position:relative;display:inline-block;overflow:hidden;', //placehodler元素CSS placeStyle : 'position:absolute;z-index:2;top:50%;left:0;width:100%;margin-top:-10px;padding:0;box-sizing:border-box;text-align:left;color:#999;line-height:20px;font-size:13px;white-space:nowrap;'}; |
使用方法很简单:
1 2 | //引入placeholder.js<script charset="utf-8" src="placeholder.js"></script> |
1 2 | //调用$('[placeholder]').placeholder(); |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com