让低版本浏览器支持input的placeholder属性(js方法)_javascript技巧
程序员文章站
2023-12-25 08:59:57
...
复制代码 代码如下:
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方法)_javascript技巧
-
js模仿html5 placeholder适应于不支持的浏览器_javascript技巧
-
js模仿html5 placeholder适应于不支持的浏览器_javascript技巧
-
使用js检测浏览器是否支持html5中的video标签的方法_javascript技巧
-
用js一次改变多个input的readonly属性值的方法_javascript技巧
-
使用js检测浏览器是否支持html5中的video标签的方法_javascript技巧
-
js修改input的type属性及浏览器兼容问题探讨与解决_javascript技巧
-
用js一次改变多个input的readonly属性值的方法_javascript技巧
-
js动态修改input输入框的type属性(实现方法解析)_javascript技巧
-
js修改input的type属性及浏览器兼容问题探讨与解决_javascript技巧