让低版本浏览器支持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调试方法，目前看到的是可以打印Object/Array/Function/String四种类型，使用方法和PHP中的var_dump()一样，只要直接dump(变量名)即可。2009-09-09
javascript dom 操作详解 js加强操作实现代码。2009-07-07
JavaScript与Cookie之利用Cookie记录用户登录信息2009-12-12
定单管理上 JS表格排序...2006-10-10
这篇文章主要给大家介绍了关于uniapp开发h5项目引入第三方js(sdk)的两种方法,在Uniapp中引入JS文件是一项常见的操作,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-02-02
最近项目需求是统计当前摄像头中的人脸个数,所以下面这篇文章主要给大家介绍了关于基于微信小程序实现人脸数量检测的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下2022-12-12
本文主要介绍了js前端URL含有特殊字符的转码的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-06-06
这篇文章主要介绍了JS的async/await怎么使用,简单来说，async/await是基于promises的语法糖，使异步代码更易于编写和阅读,下面来看详细的介绍内容吧。需要的小伙伴也可以参考一下2021-12-12
javascript function调用时的参数检测常用办法
js中并不直接支持类似c#的方法重载，所以只能变相的来解决，示意代码：(利用了内置属性arguments)2010-02-02
本篇文章主要介绍了博客内容进度插件的实现方法，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
最新评论