让低版本浏览器支持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 相关文章推荐
javascript数字时钟示例分享
Apr 23 Javascript
使用Sticker.js实现贴纸效果
Jan 28 Javascript
node.js中格式化数字增加千位符的几种方法
Jul 03 Javascript
js实现表单检测及表单提示的方法
Aug 14 Javascript
jQuery防止重复绑定事件的解决方法
May 14 Javascript
JS原型对象的创建方法详解
Jun 16 Javascript
微信小程序-获得用户输入内容
Feb 13 Javascript
Vue响应式添加、修改数组和对象的值
Mar 20 Javascript
详解原生js实现offset方法
Jun 15 Javascript
微信小程序实现下载进度条的方法
Dec 08 Javascript
Vue的生命周期操作示例
Sep 17 Javascript
JS实现关闭小广告特效
Jan 29 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最常用的2种设计模式工厂模式和单例模式介绍
2012/08/14 PHP
php字符比较函数similar_text、strnatcmp与strcasecmp用法分析
2014/11/18 PHP
php中mt_rand()随机数函数用法
2014/11/24 PHP
PHP获取redis里不存在的6位随机数应用示例【设置24小时过时】
2017/06/07 PHP
Laravel构建即时应用的一种实现方法详解
2017/08/31 PHP
PHP 使用位运算实现四则运算的代码
2021/03/09 PHP
srcElement表格样式
2006/09/03 Javascript
用于自动添加Digg This!按钮的JavaScript
2006/12/23 Javascript
javascript模拟实现C# String.format函数功能代码
2013/11/25 Javascript
使用delegate方法为一个tr标签加一个链接
2014/06/27 Javascript
Javascript中setTimeOut和setInterval的定时器用法
2015/06/12 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
2015/12/03 Javascript
Angularjs中的ui-bootstrap的使用教程
2017/02/19 Javascript
浅谈Vue.nextTick 的实现方法
2017/10/25 Javascript
react 实现页面代码分割、按需加载的方法
2018/04/03 Javascript
Angular 5.x 学习笔记之Router(路由)应用
2018/04/08 Javascript
vue  自定义组件实现通讯录功能
2018/09/30 Javascript
vue webpack build资源相对路径的问题及解决方法
2020/06/04 Javascript
[57:53]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#3OG VS VP
2016/03/03 DOTA
详解Python如何生成词云的方法
2018/06/01 Python
python爬虫之urllib3的使用示例
2018/07/09 Python
梅尔频率倒谱系数(mfcc)及Python实现
2019/06/18 Python
浅析Python语言自带的数据结构有哪些
2019/08/27 Python
python urllib爬虫模块使用解析
2019/09/05 Python
创建Shapefile文件并写入数据的例子
2019/11/26 Python
利用CSS3实现毛玻璃效果示例源码
2016/09/25 HTML / CSS
cosme官方海外旗舰店:日本最大化妆品和美容产品的综合口碑网站
2017/01/18 全球购物
Boutique 1美国:阿联酋奢侈时尚零售商
2017/10/16 全球购物
全球领先的在线cosplay服装商店:RoleCosplay
2020/01/18 全球购物
简单的大学生自我鉴定
2014/02/18 职场文书
企业后勤岗位职责
2014/02/28 职场文书
2014旅游局党组书记党建工作汇报材料
2014/11/02 职场文书
读书笔记怎么写
2015/07/01 职场文书
开学第一周值周总结
2015/07/16 职场文书
经典格言警句:没有热忱,世间便无进步
2019/11/13 职场文书
Nginx stream 配置代理(Nginx TCP/UDP 负载均衡)
2021/11/17 Servers