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

2022-01-13,,,,

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

以上就是让低版本浏览器支持input的placeholder属性(js方法)的详细内容,更多请关注本站其它相关文章!

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

下载本文的Word格式文档,以方便收藏与打印。