让低版本浏览器支持input的placeholder属性(js方法)


Posted in Javascript onApril 03, 2013
var doc = window.document, input = doc.createElement('input'); 
if( typeof input['placeholder'] == 'undefined' ) // 如果不支持placeholder属性 
{ 
$('input').each(function( ele ) 
{ 
var me = $(this); 
var ph = me.attr('placeholder'); 
if( ph && !me.val() ) 
{ 
me.val(ph).css('color', '#aaa').css('line-height', me.css('height')); 
} 
me.on('focus', function() 
{ 
if( me.val() === ph) 
{ 
me.val(null).css('color', ''); 
} 
}).on('blur', function() 
{ 
if( !me.val() ) 
{ 
me.val(ph).css('color', '#aaa').css('line-height', me.css('height')); 
} 
}); 
}); 
}
Javascript 相关文章推荐
6个DIV 135或246间隔一秒轮番显示效果
Jul 24 Javascript
解析URI与URL之间的区别与联系
Nov 22 Javascript
JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
Apr 11 Javascript
JS截取字符串实例详解
Nov 24 Javascript
javascript检查某个元素在数组中的索引值
Mar 30 Javascript
Javascript中的对象和原型(二)
Aug 12 Javascript
JS实现含有中文字符串的友好截取功能分析
Mar 13 Javascript
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
Apr 17 jQuery
JS实现获取进今年第几天是周几的方法分析
Jun 27 Javascript
浅谈webpack SplitChunksPlugin实用指南
Sep 17 Javascript
详解vue 组件的实现原理
Nov 12 Javascript
vue前端工程的搭建
Mar 31 Vue.js
用Jquery重写windows.alert方法实现思路
Apr 03 #Javascript
如何使用jquery动态加载js,css文件实现代码
Apr 03 #Javascript
关于js注册事件的常用方法
Apr 03 #Javascript
JavaScript栏目列表隐藏/显示简单实现
Apr 03 #Javascript
JS模板实现方法
Apr 03 #Javascript
JS实现标签页效果(配合css)
Apr 03 #Javascript
JS实现下拉框的动态添加(附效果)
Apr 03 #Javascript
You might like
PHP进程同步代码实例
2015/02/12 PHP
PHP时间类完整实例(非常实用)
2015/12/25 PHP
PHP检测数据类型的几种方法(总结)
2017/03/04 PHP
PHP将身份证正反面两张照片合成一张图片的代码
2017/04/08 PHP
js将字符串转成正则表达式的实现方法
2013/11/13 Javascript
jQuery链使用指南
2015/01/20 Javascript
javascript生成随机数方法汇总
2015/11/12 Javascript
Vue.js实现无限加载与分页功能开发
2016/11/03 Javascript
jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】
2017/04/02 jQuery
vue实现留言板todolist功能
2017/08/16 Javascript
详解react-refetch的使用小例子
2019/02/15 Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
2019/02/28 Javascript
用原生JS实现爱奇艺首页导航栏代码实例
2019/09/19 Javascript
python使用xmlrpc实例讲解
2013/12/17 Python
python处理PHP数组文本文件实例
2014/09/18 Python
在Python的Flask框架中实现单元测试的教程
2015/04/20 Python
通过python检测字符串的字母
2020/02/18 Python
python3 自动打印出最新版本执行的mysql2redis实例
2020/04/09 Python
python 在sql语句中使用%s,%d,%f说明
2020/06/06 Python
浅谈keras中Dropout在预测过程中是否仍要起作用
2020/07/09 Python
python 绘制国旗的示例
2020/09/27 Python
CSS3 实现穿梭星空动画
2020/11/13 HTML / CSS
英国时尚配饰、珠宝和服装网站:KJ Beckett
2020/01/23 全球购物
美国优质宠物用品购买网站:Muttropolis
2020/02/17 全球购物
SheIn沙特阿拉伯:女装在线
2020/03/23 全球购物
优秀技术工人先进材料
2014/02/17 职场文书
升学宴主持词
2014/04/02 职场文书
环保项目建议书
2014/08/26 职场文书
2014年英语工作总结
2014/12/20 职场文书
幼师个人总结范文
2015/02/28 职场文书
五星级酒店前台接待岗位职责
2015/04/02 职场文书
《纸船和风筝》教学反思
2016/02/18 职场文书
golang json数组拼接的实例
2021/04/28 Golang
mysql在项目中怎么选事务隔离级别
2021/05/25 MySQL
 Python 中 logging 模块使用详情
2022/03/03 Python
Java Redisson多策略注解限流
2022/09/23 Java/Android