IE浏览器 支持 placeholder September 12, 2017 / Fengzi

一段简单的基于JQ的代码片段,让IE浏览器支持HTML5的placeholder属性。

<!–[if lte IE 9]>
<script>
    function iePlaceholder(){
        $("input,textarea").each(function(){
            if($(this).val() == "" && $(this).attr("placeholder") != ""){
                $(this).val($(this).attr("placeholder"));
                $(this).focus(function(){
                    if($(this).val() == $(this).attr("placeholder")){
                        $(this).val("");
                    }
                });
                $(this).blur(function(){
                    if($(this).val() == ""){
                        $(this).val($(this).attr("placeholder"));
                    }
                });
            }
        });
    }
    $(document).ready(function() {
        iePlaceholder();
    });
</script>
<![endif]-->

 

© Fengzi / 开发 / ie, JQuery, HTML5