美文网首页
ie的兼容性总结

ie的兼容性总结

作者: 后知不觉1 | 来源:发表于2017-03-23 12:00 被阅读0次
这是自己在工作中遇到的兼容性调整的笔记,不定时更新

1.兼容ie9以下的<input>标签的placeholder属性问题

        <!--[if lt IE 10]>
              <script>
            //这段代码是兼容ie8以下的input标签的placehodler属性可以复用
        
                //页面加载填充value
                placeholderExchange();
            
                function placeholderExchange(){
                    var tempInput = $("input")
                    for(var i=0;i<tempInput.length;i++){
                        $(tempInput[i]).val($(tempInput[i]).attr("placeholder"))
                    }
                }

                $("input").focus(function(){
                    $(this).val('')
                })
                $("input").blur(function(){
                    var tempPlaceholder = $(this).attr("placeholder")
                    if($(this).val()==''){
                        $(this).val(tempPlaceholder)
                    }else{

                    }
                })    
               </script>
          <![endif]-->

相关文章

网友评论

      本文标题:ie的兼容性总结

      本文链接:https://www.haomeiwen.com/subject/fquznttx.html