让低版本浏览器支持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 相关文章推荐
几个比较经典常用的jQuery小技巧
Mar 01 Javascript
网站页面自动跳转实现方法PHP、JSP(下)
Aug 01 Javascript
jquery实现叠层3D文字特效代码分享
Aug 21 Javascript
JS组件中bootstrap multiselect两大组件较量
Jan 26 Javascript
JS+CSS实现DIV层的展开、收缩效果
Jan 28 Javascript
JavaScript仿百度图片浏览效果
Nov 23 Javascript
原生js实现回复评论功能
Jan 18 Javascript
关于HTTP传输中gzip压缩的秘密探索分析
Jan 12 Javascript
详解使用React制作一个模态框
Mar 14 Javascript
layui.use模块外部使用其内部定义的js封装函数方法
Sep 16 Javascript
JavaScript工具库MyTools详解
Jan 01 Javascript
Vue+elementUI实现多图片上传与回显功能(含回显后继续上传或删除)
Mar 23 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+mysql开源XNA 聚合程序发布 下载
2007/07/13 PHP
php REMOTE_ADDR之获取访客IP的代码
2008/04/22 PHP
PHP如何将XML转成数组
2016/04/04 PHP
利用PHP实现一个简单的用户登记表示例
2017/04/25 PHP
老生常谈php中传统验证与thinkphp框架(必看篇)
2017/06/10 PHP
PHP+Session防止表单重复提交的解决方法
2018/04/09 PHP
统计PHP目录中的文件数方法
2019/03/05 PHP
Prototype 学习 Prototype对象
2009/07/12 Javascript
jquery下onpropertychange事件的绑定方法
2010/08/01 Javascript
js函数模拟显示桌面.scf程序示例
2014/04/20 Javascript
javascript实现时间格式输出FormatDate函数
2015/01/13 Javascript
jquery 动态合并单元格的实现方法
2016/08/26 Javascript
ReactJs快速入门教程(精华版)
2016/11/28 Javascript
基于jQuery实现表格的排序
2016/12/02 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
2016/12/08 Javascript
ReactNative短信验证码倒计时控件的实现代码
2017/07/20 Javascript
Angular通过angular-cli来搭建web前端项目的方法
2017/07/27 Javascript
移动端如何用下拉刷新的方式实现上拉加载
2018/12/10 Javascript
[02:51]DOTA2 Supermajor小组分组对阵抽签仪式
2018/06/01 DOTA
python中类变量与成员变量的使用注意点总结
2017/04/29 Python
Python操作SQLite数据库的方法详解【导入,创建,游标,增删改查等】
2017/07/11 Python
python微信撤回监测代码
2019/04/29 Python
Pycharm远程调试原理及具体配置详解
2019/08/08 Python
Python (Win)readline和tab补全的安装方法
2019/08/27 Python
python爬虫开发之使用python爬虫库requests,urllib与今日头条搜索功能爬取搜索内容实例
2020/03/10 Python
使用Python3 poplib模块删除服务器多天前的邮件实现代码
2020/04/24 Python
python各种excel写入方式的速度对比
2020/11/10 Python
移动端Html5中百度地图的点击事件
2019/01/31 HTML / CSS
如何通过jdbc调用存储过程
2012/04/19 面试题
电大本科自我鉴定
2014/02/05 职场文书
十八届三中全会报告学习材料
2014/02/17 职场文书
2014年小学英语教师工作总
2014/12/03 职场文书
贷款收入证明格式
2015/06/24 职场文书
2016年小学推普宣传周活动总结
2016/04/06 职场文书
MySQL EXPLAIN输出列的详细解释
2021/05/12 MySQL
Java8中接口的新特性使用指南
2021/11/01 Java/Android