让低版本浏览器支持input的placeholder属性(js方法)
让低版本浏览器支持input的placeholder属性(js方法)
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:vardoc=window.document,input=doc.createElement('input');if(ty...

复制代码 代码如下:

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教程学习
编程开发子分类