码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-04-11 15:03:20      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:his   att   doc   nbsp   put   低版本   asc   class   rip   

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兼容问题解决

标签:his   att   doc   nbsp   put   低版本   asc   class   rip   

原文地址:http://www.cnblogs.com/by-dxm/p/6693311.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!