让低版本浏览器支持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 检测浏览器类型和版本的代码
Sep 15 Javascript
web页面数据展示新想法(json)
Jun 08 Javascript
基于jQuery的的一个隔行变色,鼠标移动变色的小插件
Jul 06 Javascript
JS 无限级 Select效果实现代码(json格式)
Aug 30 Javascript
Prototype源码浅析 Enumerable部分(二)
Jan 18 Javascript
JavaScript结合AJAX_stream实现流式显示
Jan 08 Javascript
jqueryUI里拖拽排序示例分析
Feb 26 Javascript
javascript制作网页图片上实现下雨效果
Feb 26 Javascript
Angularjs之如何在跨域请求中传输Cookie的方法
Jun 01 Javascript
JavaScript实现读取与输出XML文件数据的方法示例
Jun 05 Javascript
vue.js单文件组件中非父子组件的传值实例
Sep 13 Javascript
Jquery使用each函数实现遍历及数组处理
Jul 14 jQuery
用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
关于二级目录拖拽排序的实现(源码示例下载)
2013/04/26 PHP
PHP使用Face++接口开发微信公众平台人脸识别系统的方法
2015/04/17 PHP
CodeIgniter分页类pagination使用方法示例
2016/03/28 PHP
php 实现301重定向跳转实例代码
2016/07/18 PHP
PHP编程实现csv文件导入mysql数据库的方法
2017/04/29 PHP
基本jquery的控制tabs打开的数量的代码
2010/10/17 Javascript
JS 模态对话框和非模态对话框操作技巧汇总
2013/04/15 Javascript
Jquery ajax加载等待执行结束再继续执行下面代码操作
2015/11/24 Javascript
详解JS正则replace的使用方法
2016/03/06 Javascript
jQuery简单实现中间浮窗效果
2016/09/04 Javascript
jQuery实现简易的输入框字数计数功能示例
2017/01/16 Javascript
JavaScript正则表达式exec/g实现多次循环用法示例
2017/01/17 Javascript
Angular 2父子组件之间共享服务通信的实现
2017/07/04 Javascript
在Vue项目中使用jsencrypt.js对数据进行加密传输的方法
2019/04/17 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
2019/11/25 Javascript
js实现树形数据转成扁平数据的方法示例
2020/02/27 Javascript
Vue双向绑定实现原理与方法详解
2020/05/07 Javascript
浅谈鸿蒙 JavaScript GUI 技术栈
2020/09/17 Javascript
python中__slots__用法实例
2015/06/04 Python
Python设计模式之工厂模式简单示例
2018/01/09 Python
python3爬取各类天气信息
2018/02/24 Python
Python切片操作实例分析
2018/03/16 Python
python读写配置文件操作示例
2019/07/03 Python
Python使用matplotlib 画矩形的三种方式分析
2019/10/31 Python
Python爬虫爬取糗事百科段子实例分享
2020/07/31 Python
Django rest framework分页接口实现原理解析
2020/08/21 Python
html5理解head_动力节点Java学院整理
2017/07/13 HTML / CSS
英国度假别墅预订:Sykes Cottages
2017/06/12 全球购物
澳大利亚旅游网站:Lastminute
2017/08/07 全球购物
毕业生个人的自我评价优秀范文
2013/10/03 职场文书
教师岗位职责范本
2013/12/29 职场文书
致铅球运动员加油稿
2014/02/13 职场文书
小学教师暑期培训方案
2014/08/28 职场文书
公司领导九九重阳节发言稿2014
2014/09/25 职场文书
2015年度质量工作总结报告
2015/04/27 职场文书
2020优秀员工演讲稿(三篇)
2019/10/17 职场文书