手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >让低版本浏览器支持input的placeholder属性(js方法)
让低版本浏览器支持input的placeholder属性(js方法)
摘要:复制代码代码如下: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'));

}

});

});

}

【让低版本浏览器支持input的placeholder属性(js方法)】相关文章:

jQuery判断指定id的对象是否存在的方法

js判断鼠标位置是否在某个div中的方法

JS实现兼容各浏览器解析XML文档数据的方法

AngularJS身份验证的方法

判断Checkbox和Radio的一种方法

跨浏览器的设置innerHTML方法

js去除浏览器默认底图的方法

JS动画效果打开、关闭层的实现方法

浏览器检测JS代码(兼容目前各大主流浏览器)

JavaScript中的anchor()方法使用详解

精品推荐
分类导航