让低版本浏览器支持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 日期控件datepicker属性详细解析
Nov 08 Javascript
浅谈js的setInterval事件
Dec 05 Javascript
jQuery回调函数的定义及用法实例
Dec 23 Javascript
JavaScript 学习笔记之操作符
Jan 14 Javascript
jQuery on()方法绑定动态元素的点击事件实例代码浅析
Jun 16 Javascript
AngularJS中$http服务常用的应用及参数
Aug 22 Javascript
jquery实现全选、全不选以及单选功能
Mar 23 jQuery
jQuery实现简单的手风琴效果
Apr 17 jQuery
详解微信小程序Radio选中样式切换
Jul 06 Javascript
vue多次循环操作示例
Feb 08 Javascript
JavaScript实现沿五角星形线摆动的小圆实例详解
Jul 28 Javascript
vue3.0 上手体验
Sep 21 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/04/09 PHP
php调用方法mssql_fetch_row、mssql_fetch_array、mssql_fetch_assoc和mssql_fetch_objcect读取数据的区别
2012/08/08 PHP
php fsockopen伪造post与get方法的详解
2013/06/14 PHP
PHP新建类问题分析及解决思路
2015/11/19 PHP
php的4种常用运行方式详解
2016/12/22 PHP
php数据结构之顺序链表与链式线性表示例
2018/01/22 PHP
php 根据URL下载远程图片、压缩包、pdf等文件到本地
2019/07/26 PHP
根据出生日期自动取得星座的js代码
2010/07/20 Javascript
jQuery实现隔行背景色变色
2014/11/24 Javascript
jquery实现的横向二级导航效果代码
2015/08/26 Javascript
jQuery轮播图效果精简版完整示例
2016/09/04 Javascript
bootstrap如何让dropdown menu按钮式下拉框长度一致
2017/04/10 Javascript
基于JavaScript实现弹幕特效
2020/08/27 Javascript
three.js实现3D影院的原理的代码分析
2017/12/18 Javascript
bootstrap table支持高度百分比的实例代码
2018/02/28 Javascript
20个最常见的jQuery面试问题及答案
2018/05/23 jQuery
vue基础之事件v-onclick="函数"用法示例
2019/03/11 Javascript
详解javascript对数组和json数组的操作
2019/04/15 Javascript
详解vue 在移动端体验上的优化解决方案
2019/05/20 Javascript
vue props对象validator自定义函数实例
2019/11/13 Javascript
vue实现整屏滚动切换
2020/06/29 Javascript
python删除文件示例分享
2014/01/28 Python
python判断给定的字符串是否是有效日期的方法
2015/05/13 Python
Python+matplotlib+numpy实现在不同平面的二维条形图
2018/01/02 Python
python3实现基于用户的协同过滤
2018/05/31 Python
Python递归函数实例讲解
2019/02/27 Python
Python代码块及缓存机制原理详解
2019/12/13 Python
TensorFlow使用Graph的基本操作的实现
2020/04/22 Python
从0到1使用python开发一个半自动答题小程序的实现
2020/05/12 Python
谈谈对css属性box-sizing的了解
2017/01/04 HTML / CSS
师范类求职信
2014/06/21 职场文书
商务邀请函
2015/01/30 职场文书
毕业论文致谢范文
2015/05/14 职场文书
2016领导干部廉洁自律心得体会
2016/01/13 职场文书
如何拟写通知正文?
2019/04/02 职场文书
PostgreSQL存储过程实用脚本(二):创建函数入门
2021/04/05 PostgreSQL