让低版本浏览器支持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 相关文章推荐
载入进度条 效果
Jul 08 Javascript
原生js仿jquery animate动画效果
Jul 13 Javascript
详解jQuery uploadify文件上传插件的使用方法
Dec 16 Javascript
react.js 翻页插件实例代码
Jan 19 Javascript
js 数字、字符串、布尔值的转换方法(必看)
Apr 07 Javascript
Angular中的interceptors拦截器
Jun 25 Javascript
Angular2里获取(input file)上传文件的内容的方法
Sep 05 Javascript
vue.js中引入vuex储存接口数据及调用的详细流程
Dec 14 Javascript
微信小程序实现图片预览功能
Jan 31 Javascript
vue-cli初始化项目中使用less的方法
Aug 09 Javascript
详解关于Vuex的action传入多个参数的问题
Feb 22 Javascript
Nuxt项目支持eslint+pritter+typescript的实现
May 20 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版(4)
2006/10/09 PHP
PHP中防止直接访问或查看或下载config.php文件的方法
2012/07/07 PHP
PHP、Java des加密解密实例
2015/04/27 PHP
ThinkPHP自定义函数解决模板标签加减运算的方法
2015/07/03 PHP
php自动载入类用法实例分析
2016/06/24 PHP
全面解析PHP操作Memcache基本函数
2016/07/14 PHP
dropdownlist之间的互相联动实现(显示与隐藏)
2009/11/24 Javascript
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
2010/04/15 Javascript
JQuery中$.ajax()方法参数详解及应用
2013/12/12 Javascript
javascript中普通函数的使用介绍
2013/12/19 Javascript
JavaScript常用的返回,自动跳转,刷新,关闭语句汇总
2015/01/13 Javascript
整理AngularJS中的一些常用指令
2015/06/16 Javascript
js实现显示当前状态的导航效果代码
2015/08/28 Javascript
jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
2016/02/25 Javascript
jQuery通用的全局遍历方法$.each()用法实例
2016/07/04 Javascript
浅析BootStrap中Modal(模态框)使用心得
2016/12/24 Javascript
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
2017/02/08 Javascript
jQuery实现的事件绑定功能基本示例
2017/10/11 jQuery
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
2019/09/23 Javascript
react的hooks的用法详解
2020/10/12 Javascript
[03:11]2014DOTA2国际邀请赛-VG掉入败者组 独家专访357
2014/07/19 DOTA
八大排序算法的Python实现
2021/01/28 Python
python+opencv识别图片中的圆形
2020/03/25 Python
Python3数据库操作包pymysql的操作方法
2018/07/16 Python
[原创]Python入门教程2. 字符串基本操作【运算、格式化输出、常用函数】
2018/10/29 Python
python批量从es取数据的方法(文档数超过10000)
2018/12/27 Python
Python 实现的 Google 批量翻译功能
2019/08/26 Python
详解Anconda环境下载python包的教程(图形界面+命令行+pycharm安装)
2019/11/11 Python
用HTML5.0制作网页的教程
2010/05/30 HTML / CSS
Hunkemöller西班牙:欧洲最大的内衣连锁店
2018/08/15 全球购物
美国温暖商店:The Warming Store
2018/12/15 全球购物
英国高级健康和美容产品零售商:Life and Looks
2019/08/01 全球购物
护理专科毕业生自荐书范文
2014/02/19 职场文书
教师三严三实学习心得体会
2014/10/11 职场文书
2014年政协工作总结
2014/12/09 职场文书
使用 Koa + TS + ESLlint 搭建node服务器的过程详解
2022/05/30 NodeJs