自定义placeholder插件,实现设置input默认提示内容,颜色
2015-12-10 23:52
633 查看
<input id="focusId" type="text" style="height: 40px;width: 80%;border: 1px solid #777e8c;"> <script>
//插件(兼容jQuery和zepto,同时适用于文本框和div输入【需要设置inputType】)
;(function ($) { $.fn.placeholder=function(options){ var self=this; options= $.extend({ defaultContent:"defaultContent", defaultColor:"#777e8c", inputColor:"#000", inputType:true },options); var type=options.inputType?"value":"innerHTML"; this[0][type]=options.defaultContent; self.css("color",options.defaultColor); this.focus(function(){ if(this[type]==options.defaultContent){ self[0][type]=""; self.css("color",options.inputColor); }else{} }).blur(function(){ if(!this[type]){ self[0][type]=options.defaultContent; self.css("color",options.defaultColor); }else{} }); } })(window.jQuery || window.Zepto); //调用 $("#focusId").placeholder({ defaultContent:"说点什么获取需求方的信任…示例:您好,非常荣幸…你到底行不行", defaultColor:"#c6c6c6", inputColor:"#000" });
</script>
相关文章推荐
- 又一次转正------让改变发生
- LeetCode题解:Range Sum Query - Immutable(C++版)
- UnityVS(Visual Studio Tools For Unity)的安装与使用
- rmdir命令
- 22、ASP.NET MVC入门到精通——搭建项目框架
- Bete冲刺第六阶段
- codeforces 55D. Beautiful numbers 数位dp
- Linux输入命令出错时快速编辑指令
- [Linux]crontab 创建定时任务
- geeksforgeeks Count number of binary strings without consecutive 1’s
- android中textview竖排显示,只能说功能实现了
- UESTC 839
- 爬爬爬之路:UI(十七) 数据持久化(SQLite3数据库实现)
- Android Handler解析
- 链式队列模板
- OC学习篇之---Foundation框架中的NSString对象和NSMutableString对象
- LeetCode 169:Majority Element
- 七牛---使用七牛给网站加速详解
- Javascript 闭包
- Smoke Testing(冒烟测试)