让低版本浏览器支持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 相关文章推荐
Jquery工作常用实例 使用AJAX使网页进行异步更新
Jul 26 Javascript
js实现的仿新浪微博完美的时间组件升级版
Dec 20 Javascript
js动态调用css属性的小规律及实例说明
Dec 28 Javascript
jQuery$命名冲突怎么办如何解决
Jan 16 Javascript
网页广告中JS代码的信息监听示例
Apr 02 Javascript
简介BootStrap model弹出框的使用
Apr 27 Javascript
JS中正则表达式只有3种匹配模式(没有单行模式)详解
Jul 28 Javascript
详细讲解vue2+vuex+axios
May 27 Javascript
JavaScript数据结构与算法之队列原理与用法实例详解
Nov 22 Javascript
详解AngularJS 过滤器的使用
Jun 02 Javascript
微信小程序实现联动选择器
Feb 15 Javascript
用Fundebug插件记录网络请求异常的方法
Feb 21 Javascript
用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
php4的彩蛋
2006/10/09 PHP
php5.3 注意事项说明
2013/07/01 PHP
php命名空间学习详解
2014/02/27 PHP
php简单统计字符串单词数量的方法
2015/06/19 PHP
php数字运算验证码的实现代码
2015/07/30 PHP
AJAX PHP无刷新form表单提交的简单实现(推荐)
2016/09/09 PHP
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
return false,对阻止事件默认动作的一些测试代码
2010/11/17 Javascript
常用jQuery代码分享
2015/07/14 Javascript
js实现的彩色方块飞舞奇幻效果
2016/01/27 Javascript
很棒的js选项卡切换效果
2016/07/15 Javascript
过期软件破解办法实例详解
2017/01/04 Javascript
Nodejs+Socket.io实现通讯实例代码
2017/02/13 NodeJs
Vue.js实现一个todo-list的上移下移删除功能
2017/06/26 Javascript
vue 动态改变静态图片以及请求网络图片的实现方法
2018/02/07 Javascript
10 种最常见的 Javascript 错误(频率最高)
2018/02/08 Javascript
VUE v-model表单数据双向绑定完整示例
2019/01/21 Javascript
js判断非127开头的IP地址的实例代码
2020/01/05 Javascript
Vue实现剪切板图片压缩功能
2020/02/04 Javascript
[52:03]Secret vs VG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python极简代码实现杨辉三角示例代码
2016/11/15 Python
Python中shape计算矩阵的方法示例
2017/04/21 Python
Flask实现跨域请求的处理方法
2018/09/27 Python
pytorch 固定部分参数训练的方法
2019/08/17 Python
Django使用uwsgi部署时的配置以及django日志文件的处理方法
2019/08/30 Python
Django框架models使用group by详解
2020/03/11 Python
HTML5的结构和语义(4):语义性的内联元素
2008/10/17 HTML / CSS
Vision Directa智利眼镜网:框架眼镜、隐形眼镜和名牌太阳眼镜
2016/11/23 全球购物
美国领先的奢侈美容零售商:Bluemercury
2017/07/26 全球购物
描述一下JVM加载class文件的原理机制
2013/12/08 面试题
建筑施工实习自我鉴定
2013/09/19 职场文书
检讨书怎么写
2015/01/23 职场文书
幼儿园推普周活动总结
2015/05/07 职场文书
2015年见习期个人工作总结
2015/05/28 职场文书
创业计划书之餐饮馄饨店
2019/07/18 职场文书
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
2021/06/29 Javascript