让低版本浏览器支持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 相关文章推荐
使用onbeforeunload属性后的副作用
Mar 08 Javascript
textarea焦点的用法实现获取焦点清空失去焦点提示效果
May 19 Javascript
javascript验证身份证号
Mar 03 Javascript
JavaScript实现图片自动加载的瀑布流效果
Apr 11 Javascript
Jquery和Js获得元素标签名称的方法总结
Oct 08 Javascript
实现easyui的datagrid导出为excel的示例代码
Nov 10 Javascript
JavaScript中的this陷阱的最全收集并整理(没有之一)
Feb 21 Javascript
微信小程序商品详情页的底部弹出框效果
Nov 16 Javascript
浅析vue.js数组的变异方法
Jun 30 Javascript
Angular6封装http请求的步骤详解
Aug 13 Javascript
JS使用正则表达式提交页面验证的代码
Oct 16 Javascript
Vue-cli打包后如何本地查看的操作
Sep 02 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程序的方法小结
2012/02/23 PHP
PHP中UNIX时间戳和日期间的转换与计算实例
2014/11/19 PHP
PHP递归遍历多维数组实现无限分类的方法
2016/05/06 PHP
laravel 执行迁移回滚示例
2019/10/23 PHP
jQuery拖动div、移动div、弹出层实现原理及示例
2014/04/08 Javascript
JavaScript操作HTML DOM节点的基础教程
2016/03/11 Javascript
javascript监听页面刷新和页面关闭事件方法详解
2017/01/09 Javascript
vuejs2.0运用原生js实现简单的拖拽元素功能示例
2017/02/24 Javascript
angular 未登录状态拦截路由跳转的方法
2018/10/09 Javascript
微信小程序日历/日期选择插件使用方法详解
2018/12/28 Javascript
webpack4 SplitChunks实现代码分隔详解
2019/05/23 Javascript
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
2019/06/03 Javascript
微信小程序实现3D轮播图效果(非swiper组件)
2019/09/21 Javascript
Vue 中 filter 与 computed 的区别与用法解析
2019/11/21 Javascript
基于vue+echarts数据可视化大屏展示的实现
2020/12/25 Vue.js
[02:32]DOTA2英雄基础教程 美杜莎
2014/01/07 DOTA
Python性能优化技巧
2015/03/09 Python
Flask入门教程实例:搭建一个静态博客
2015/03/27 Python
Python lambda函数基本用法实例分析
2018/03/16 Python
Python深拷贝与浅拷贝用法实例分析
2019/05/05 Python
对python 中re.sub,replace(),strip()的区别详解
2019/07/22 Python
Python网络编程之使用TCP方式传输文件操作示例
2019/11/01 Python
python实现简单图书管理系统
2019/11/22 Python
Python中base64与xml取值结合问题
2019/12/22 Python
深入浅析python变量加逗号,的含义
2020/02/22 Python
Python接口自动化测试框架运行原理及流程
2020/11/30 Python
shell的种类有哪些
2015/04/15 面试题
会计电算化学生个人的自我评价
2014/02/08 职场文书
解除劳动合同证明书
2014/09/26 职场文书
2014年技术部工作总结
2014/12/12 职场文书
年会邀请函范文
2015/01/30 职场文书
汉字听写大会观后感
2015/06/12 职场文书
简短清晨问候语
2015/11/10 职场文书
2016年保险公众宣传日活动总结
2016/04/05 职场文书
2019年消防宣传标语集锦
2019/11/21 职场文书
教你如何使用Python实现二叉树结构及三种遍历
2021/06/18 Python