让低版本浏览器支持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'));
}
});
});
}

相关文章

  • javascript中利用柯里化函数实现bind方法

    javascript中利用柯里化函数实现bind方法

    这篇文章主要为大家详细介绍了javascript中利用柯里化函数实现bind方法,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • JS显示下拉列表框内全部元素的方法

    JS显示下拉列表框内全部元素的方法

    这篇文章主要介绍了JS显示下拉列表框内全部元素的方法,涉及javascript遍历下拉列表元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • javascript实现图片循环渐显播放的方法

    javascript实现图片循环渐显播放的方法

    这篇文章主要介绍了javascript实现图片循环渐显播放的方法,涉及javascript操作图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • 关于Javascript作用域链的八点总结

    关于Javascript作用域链的八点总结

    其实吧,关于作用域链相关的文章我也看了不少,但是我一直也没能做一个详细的总结,今天把我看到的一些东西,结合自己的想法,总结成以下8个点
    2013-12-12
  • javascript中数组的sort()方法的使用介绍

    javascript中数组的sort()方法的使用介绍

    数组的sort()方法用于排序,在本文将为大家介绍下javascript中sort()方法的具体使用
    2013-12-12
  • Three.js利用dat.GUI如何简化试验流程详解

    Three.js利用dat.GUI如何简化试验流程详解

    dat.gui可以方便地向场景中添加控制条,随时调整参数。下面这篇文章主要给大家介绍了关于Three.js利用dat.GUI如何简化试验流程的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-09-09
  • asp批量修改记录的代码

    asp批量修改记录的代码

    asp 数组 批量修改记录的实现代码
    2008-06-06
  • JavaScript中操作字符串小结

    JavaScript中操作字符串小结

    字符串在javascript中几乎无处不在,在你处理用户的输入数据的时候,在读取或设置DOM对象的属性时,在操作cookie时,当然还有更多...。JavaScript的核心部分提供了一组属性和方法用于通用的字符串操作,如分割字符串,改变字符串的大小写,操作子字符串等。
    2015-05-05
  • js实现可以点击收缩或张开的悬浮窗

    js实现可以点击收缩或张开的悬浮窗

    这篇文章主要介绍了js实现可以点击收缩或张开的悬浮窗效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09
  • JavaScript中值类型和引用类型的区别

    JavaScript中值类型和引用类型的区别

    本文主要介绍了JavaScript中值类型和引用类型的区别,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02

最新评论