让低版本浏览器支持input的placeholder属性(js方法)

时间:2013-04-09 10:38 来源:互联网 作者:源码搜藏 收藏

让低版本浏览器支持input的placeholder属性(js方法)


低版本浏览器一般都不会支持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技术阅读排行

最新文章