判断浏览器是否支持某些新属性---placeholder兼容问题解决

Posted 党兴明

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了判断浏览器是否支持某些新属性---placeholder兼容问题解决相关的知识,希望对你有一定的参考价值。

function is_true(){
    return ‘placeholder‘ in document.createElement(‘input‘);
}

实例:placeholder在低版本IE浏览器下兼容性解决

<script type="text/javascript"> 
if( !(‘placeholder‘ in document.createElement(‘input‘))){  
    $(‘input[placeholder],textarea[placeholder]‘).each(function(){   
          var that = $(this),
          text= that.attr(‘placeholder‘);   
          if(that.val()===""){   
            that.val(text);   
          }
          that.focus(function(){   
            if(that.val()===text){   
                  that.val("");   
            }   
          }).blur(function(){   
            if(that.val()===""){   
                  that.val(text);   
            }
          }).closest(‘form‘).submit(function(){   
            if(that.val() === text){
                  that.val(‘‘);   
            }
          });
    });
}
</script> 

 

以上是关于判断浏览器是否支持某些新属性---placeholder兼容问题解决的主要内容,如果未能解决你的问题,请参考以下文章

判断浏览器是否支持某个css3属性的javascript方法

JS判断浏览器是否支持某一个CSS3属性的最佳实践

判断浏览器是否支持某一个CSS3属性

js 关键字 in 判断 一个属性或方法是否属于一个对象

判断浏览器是否支持websocket

如何判断出一个js对象是不是一个dom对象