让低版本浏览器支持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 相关文章推荐
如何做到打开一个页面,过几分钟自动转到另一页面
Apr 20 Javascript
javascript 常用关键字列表集合
Dec 04 Javascript
javascript ajax 仿百度分页函数
Oct 29 Javascript
jquery中checkbox全选失效的解决方法
Dec 26 Javascript
js+css实现tab菜单切换效果的方法
Jan 20 Javascript
jQuery滚动新闻实现代码
Jun 26 Javascript
jQuery实现淡入淡出的模态框
Feb 09 Javascript
Angular2使用jQuery的方法教程
May 28 jQuery
js学习总结_轮播图之渐隐渐现版(实例讲解)
Jul 17 Javascript
浅谈Vue下使用百度地图的简易方法
Mar 23 Javascript
Bootstrap Table中的多选框删除功能
Jul 15 Javascript
Angular-UI Bootstrap组件实现警报功能
Jul 16 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处理会话函数大总结
2015/08/05 PHP
PHP类的封装与继承详解
2015/09/29 PHP
PHP函数按引用传递参数及函数可选参数用法示例
2018/06/04 PHP
javascript类继承机制的原理分析
2009/09/12 Javascript
原来Jquery.load的方法可以一直load下去
2011/03/28 Javascript
JS获取html对象的几种方式介绍
2013/12/05 Javascript
js 设置缓存及获取设置的缓存
2014/05/08 Javascript
js去除输入框中所有的空格和禁止输入空格的方法
2014/06/09 Javascript
avascript中的自执行匿名函数应用示例
2014/09/15 Javascript
Javascript检查图片大小不要让大图片撑破页面
2014/11/04 Javascript
jQuery中first()方法用法实例
2015/01/06 Javascript
Javascript中的return作用及javascript return关键字用法详解
2015/11/05 Javascript
利用jQuery对无序列表排序的简单方法
2016/10/16 Javascript
如何在Angular.JS中接收并下载PDF
2016/11/26 Javascript
JavaScript利用正则表达式替换字符串中的内容
2016/12/12 Javascript
vue双向数据绑定原理探究(附demo)
2017/01/17 Javascript
JavaScript计时器用法分析【setTimeout和clearTimeout】
2017/01/18 Javascript
canvas 绘制圆形时钟
2017/02/22 Javascript
jacascript DOM节点——元素节点、属性节点、文本节点
2017/04/18 Javascript
Node.js开发第三方微信公众平台
2017/06/05 Javascript
python实现在遍历列表时,直接对dict元素增加字段的方法
2019/01/15 Python
Python tkinter实现图片标注功能(完整代码)
2019/12/08 Python
python opencv图片编码为h264文件的实例
2019/12/12 Python
python socket通信编程实现文件上传代码实例
2019/12/14 Python
Python 脚本的三种执行方式小结
2019/12/21 Python
python实现FTP循环上传文件
2020/03/20 Python
Omio意大利:全欧洲低价大巴、火车和航班搜索和比价
2017/12/02 全球购物
学校岗位设置方案
2014/01/16 职场文书
中学生获奖感言
2014/02/04 职场文书
国贸专业自荐信范文
2014/03/02 职场文书
《长城和运河》教学反思
2014/04/14 职场文书
三关爱志愿服务活动方案
2014/08/17 职场文书
关于读书的演讲稿300字
2014/08/27 职场文书
小学语文教师年度考核个人总结
2015/02/05 职场文书
医院合作意向书范本
2015/05/08 职场文书
学校2016年圣诞节活动总结
2016/03/31 职场文书