让低版本浏览器支持input的placeholder属性(js方法)
更新时间：2013年04月03日 16:34:55 作者：
低版本浏览器一般都不会支持input的placeholder属性，接下来使用js实现下，感兴趣的朋友可以参考下哈
复制代码 代码如下:
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'));
}
});
});
}
相关文章
js实现页面打印功能实例代码(附去页眉页脚功能代码)2009-12-12
很多时候为了显示格式，需要在某一字符串不满位的情况下进行前补0操作。下面这篇文章就给大家主要介绍了javascript添加前置0(补零)的几种方法,文中给出了详细的示例代码，需要的朋友可以参考借鉴，下面来一起看看吧。2017-01-01
用浏览器无法调试异步加载页面里包含的js文件。简单的说就是在调试工具里面看不到异步加载页面里包含的js文件2014-10-10
这篇文章主要为大家详细介绍了Bootstrap基本组件学习笔记之导航,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
js弹出层包含flash 不能关闭隐藏的2种处理方法，需要的朋友可以参考一下2013-06-06
本篇文章给大家分享一段实例代码，主要介绍js查看一个函数的执行时间，代码简单易懂，感兴趣的朋友一起跟着小编来学习学习吧2015-09-09
下面小编就为大家带来一篇JavaScript正则表达式-非捕获性分组。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
在 localStorage 中上传和检索存储图像的示例详解
这篇文章主要介绍了在 localStorage 中上传和检索存储图像,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-06-06
在浏览器中填写表单的时，可以直接在“文本框”中敲击“Enter”来提交表单，很是方便。2010-02-02
JS是通过事件队列(Event Loop)的方式来实现异步回调的，但对很多初学JS的人来说，根本搞不清楚单线程的JS为什么拥有异步的能力，所以本文将从进程、线程的角度来解释这个问题2023-05-05
最新评论