首页

源码搜藏网

首页 > 开发教程 > IT博文 > Web前端 > javascript技术 >

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

创建时间:2013-04-09 10:38  


低版本浏览器一般都不会支持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')); 

}); 
}); 
上一篇:JS完成代码前最好对其做5件事
下一篇:关于js注册事件的常用方法

相关内容

热门推荐