让低版本浏览器支持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 限制输入和粘贴(IE,firefox测试通过)
Nov 14 Javascript
jQuery 源代码显示控件 (Ajax加载方式).
May 18 Javascript
javascript实现淡蓝色的鼠标拖动选择框实例
May 09 Javascript
详解参数传递四种形式
Jul 21 Javascript
基于jQuery Circlr插件实现产品图片360度旋转
Sep 20 Javascript
Vue结合原生js实现自定义组件自动生成示例
Jan 21 Javascript
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
Jul 17 jQuery
老生常谈js数据类型
Aug 03 Javascript
vue中动态设置meta标签和title标签的方法
Jul 11 Javascript
关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法
Dec 09 Javascript
微信小程序实现复选框效果
Dec 28 Javascript
详解vue 组件的实现原理
Nov 12 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 获取远程网页内容的函数
2009/09/08 PHP
php生成随机密码的三种方法小结
2010/09/04 PHP
PHP开发规范手册之PHP代码规范详解
2011/01/13 PHP
php数组函数序列之array_intersect() 返回两个或多个数组的交集数组
2011/11/10 PHP
php程序内部post数据的方法
2015/03/31 PHP
thinkphp微信开之安全模式消息加密解密不成功的解决办法
2015/12/02 PHP
form自动提交实例讲解
2017/07/10 PHP
js写的评论分页(还不错)
2013/12/23 Javascript
JavaScript中操作Mysql数据库实例
2015/04/02 Javascript
js鼠标单击和双击事件冲突问题的快速解决方法
2016/07/11 Javascript
Angular 应用技巧总结
2016/09/14 Javascript
angularJS 指令封装回到顶部示例详解
2017/01/22 Javascript
javascript设计模式之单体模式学习笔记
2017/02/15 Javascript
jquery中封装函数传递当前元素的方法示例
2017/05/05 jQuery
Angular2学习教程之组件中的DOM操作详解
2017/05/28 Javascript
vue中appear的用法
2017/08/17 Javascript
jquery实现图片跟随鼠标的实例
2017/10/17 jQuery
angular.js和vue.js中实现函数去抖示例(debounce)
2018/01/18 Javascript
JS面向对象的程序设计相关知识小结
2018/05/26 Javascript
countUp.js实现数字动态变化效果
2019/10/17 Javascript
JavaScript实现Tab标签页切换的最简便方式(4种)
2020/06/28 Javascript
Map与WeakMap类型在JavaScript中的使用详解
2020/11/18 Javascript
Python3实现爬取简书首页文章标题和文章链接的方法【测试可用】
2018/12/11 Python
python实现简单加密解密机制
2019/03/19 Python
解决python有时候import不了当前的包问题
2019/08/28 Python
Python turtle画图库&&画姓名实例
2020/01/19 Python
Python实现屏幕录制功能的代码
2020/03/02 Python
Python 多线程C段扫描、检测 Ping扫描脚本的实现
2020/09/03 Python
浅谈Python描述数据结构之KMP篇
2020/09/06 Python
详解Python yaml模块
2020/09/23 Python
加拿大时尚少女服装品牌:Garage
2016/10/10 全球购物
文员岗位职责范本
2014/03/08 职场文书
学校食品安全责任书
2015/01/29 职场文书
如何书写公司员工保密协议?
2019/06/27 职场文书
Python爬虫之爬取二手房信息
2021/04/27 Python
Python基本知识点总结
2022/04/07 Python