让低版本浏览器支持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 相关文章推荐
[原创]静态页面也可以实现预览 列表不同的显示方式
Oct 14 Javascript
JavaScript中的16进制字符(改进)
Nov 21 Javascript
jQuery实现数字加减效果汇总
Dec 16 Javascript
readonly和disabled属性的区别
Jul 26 Javascript
js代码实现点击按钮出现60秒倒计时
Jan 28 Javascript
jquery实现可旋转可拖拽的文字效果代码
Jan 27 Javascript
微信小程序 navigation API实例详解
Oct 02 Javascript
Mongoose学习全面理解(推荐)
Jan 21 Javascript
详解Vue监听数据变化原理
Mar 08 Javascript
javascript回调函数的概念理解与用法分析
May 27 Javascript
微信小程序的引导页实现代码
Jun 24 Javascript
在elementui中Notification组件添加点击事件实例
Nov 11 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
轻松入门: 煮好咖啡的七个诀窍
2021/03/03 冲泡冲煮
解决PHP在DOS命令行下却无法链接MySQL的技术笔记
2010/12/29 PHP
php数据库抽象层 PDO
2011/05/07 PHP
php实现的支持imagemagick及gd库两种处理的缩略图生成类
2014/09/23 PHP
Yii2语言国际化的配置教程
2018/08/19 PHP
PHP关于foreach复制知识点总结
2019/01/28 PHP
php+laravel依赖注入知识点总结
2019/11/04 PHP
Laravel 微信小程序后端搭建步骤详解
2019/11/26 PHP
关于IFRAME 自适应高度的研究
2006/07/20 Javascript
[JS]点出统计器
2020/10/11 Javascript
一段好玩的JavaScript代码
2006/12/01 Javascript
javascript网页关闭时提醒效果脚本
2008/10/22 Javascript
JS焦点图切换,上下翻转
2011/05/12 Javascript
用html+css+js实现的一个简单的图片切换特效
2014/05/28 Javascript
jquery datatable后台封装数据示例代码
2014/08/07 Javascript
基于jquery实现放大镜效果
2015/08/17 Javascript
简单讲解jQuery中的子元素过滤选择器
2016/04/18 Javascript
js阻止浏览器默认行为触发的通用方法(推荐)
2016/05/15 Javascript
Require.js的基本用法详解
2017/07/03 Javascript
Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法
2017/08/22 Javascript
layui监听单元格编辑前后交互的例子
2019/09/16 Javascript
详谈vue中router-link和传统a链接的区别
2020/07/22 Javascript
python client使用http post 到server端的代码
2013/02/10 Python
用生成器来改写直接返回列表的函数方法
2017/05/25 Python
python 随机森林算法及其优化详解
2019/07/11 Python
Django实现网页分页功能
2019/10/31 Python
wxPython实现绘图小例子
2019/11/19 Python
python装饰器三种装饰模式的简单分析
2020/09/04 Python
CSS3让登陆面板3D旋转起来
2016/05/03 HTML / CSS
canvas版人体时钟的实现示例
2021/01/29 HTML / CSS
英国手工制作的现代与经典的沙发和床:Love Your Home
2020/09/26 全球购物
大学生毕业求职信
2014/06/12 职场文书
2014年小学数学教师工作总结
2014/12/03 职场文书
个人党性锻炼总结
2015/03/05 职场文书
python 远程执行命令的详细代码
2022/02/15 Python
sql时间段切分实现每隔x分钟出一份高速门架车流量
2022/02/28 SQL Server