让低版本浏览器支持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 相关文章推荐
DOM相关内容速查手册
Feb 07 Javascript
EXTjs4.0的store的findRecord的BUG演示代码
Jun 08 Javascript
页面实时更新时间的JS实例代码
Dec 18 Javascript
JavaScript 开发工具webstrom使用指南
Dec 09 Javascript
jquery获取select选中值的方法分析
Dec 22 Javascript
js实现简单排列组合的方法
Jan 27 Javascript
Angular.js中window.onload(),$(document).ready()的写法浅析
Sep 28 Javascript
vue-star评星组件开发实例
Mar 01 Javascript
vue引入axios同源跨域问题
Sep 27 Javascript
jquery实现动态添加附件功能
Oct 23 jQuery
详解项目升级到vue-cli3的正确姿势
Jan 28 Javascript
微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能示例
May 14 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
php分页函数
2006/07/08 PHP
PHP 遍历文件实现代码
2011/05/04 PHP
Yii2.0表关联查询实例分析
2016/07/18 PHP
PHP批量获取网页中所有固定种子链接的方法
2016/11/18 PHP
简单谈谈PHP中的Reload操作
2016/12/12 PHP
深入认识JavaScript中的函数
2007/01/22 Javascript
JQuery 插件模板 制作jquery插件的朋友可以参考下
2010/03/17 Javascript
到处都是jQuery选择器的年代 不了解它们的性能,行吗
2012/06/18 Javascript
使用JS CSS去除IE链接虚线框的三种方法
2013/11/14 Javascript
深入理解javascript中defer的作用
2013/12/11 Javascript
javascript根据时间生成m位随机数最大13位
2014/10/30 Javascript
jQuery实现的在线答题功能
2015/04/12 Javascript
jquery+ajax请求且带返回值的代码
2015/08/12 Javascript
Nodejs实战心得之eventproxy模块控制并发
2015/10/27 NodeJs
使用getBoundingClientRect方法实现简洁的sticky组件的方法
2016/03/22 Javascript
解决JS组件bootstrap table分页实现过程中遇到的问题
2016/04/21 Javascript
纯JS打造网页中checkbox和radio的美化效果
2016/10/13 Javascript
js模拟百度模糊搜索的实例
2017/08/04 Javascript
JavaScript callback回调函数用法实例分析
2018/05/08 Javascript
element-ui 表格数据时间格式化的方法
2018/08/24 Javascript
微信小程序实现复选框效果
2018/12/28 Javascript
浅谈一个webpack构建速度优化误区
2019/06/24 Javascript
[01:15]PWL S2开团时刻第二期——他们杀 我就白给
2020/11/25 DOTA
Python编程中实现迭代器的一些技巧小结
2016/06/21 Python
使用TensorFlow实现SVM
2018/09/06 Python
Python爬虫设置代理IP(图文)
2018/12/23 Python
python机器学习实现决策树
2019/11/11 Python
详解Python中第三方库Faker
2020/09/25 Python
纯CSS3实现带动画效果导航菜单无需js
2013/09/27 HTML / CSS
大学系主任推荐信范文
2013/12/24 职场文书
大学生校园创业计划书
2014/02/08 职场文书
优秀中职教师事迹材料
2014/08/26 职场文书
信用卡逾期证明示例
2014/09/13 职场文书
搞笑老公保证书
2015/02/26 职场文书
小学生家长意见
2015/06/03 职场文书
傲慢与偏见读书笔记
2015/06/29 职场文书