更新时间: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 options var 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