让低版本浏览器支持input的placeholder属性(js方法)
时间:2021-04-06 10:00:06|栏目:JavaScript代码|点击: 次
复制代码 代码如下:
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代码
下一篇:关于微信小程序map组件z-index的层级问题分析
本文标题:让低版本浏览器支持input的placeholder属性(js方法)
本文地址:http://www.codeinn.net/misctech/95370.html






