最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 21:08:13
文档

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

让低版本浏览器支持input的placeholder属性(js方法)_javascript技巧: 代码如下: var doc = window.document, input = doc.createElement('input'); if( typeof input['placeholder'] == 'undefined' ) // 如果不支持placeholder属性 { $('input').each(function( ele ) { v
推荐度:
导读让低版本浏览器支持input的placeholder属性(js方法)_javascript技巧: 代码如下: var doc = window.document, input = doc.createElement('input'); if( typeof input['placeholder'] == 'undefined' ) // 如果不支持placeholder属性 { $('input').each(function( ele ) { v


代码如下:
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技巧

让低版本浏览器支持input的placeholder属性(js方法)_javascript技巧: 代码如下: var doc = window.document, input = doc.createElement('input'); if( typeof input['placeholder'] == 'undefined' ) // 如果不支持placeholder属性 { $('input').each(function( ele ) { v
推荐度:
标签: js input placeholder
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top