xonge007x
2/26/2015 - 2:32 AM

javascript:placeholderforie

javascript:placeholderforie

/*让低版本ie支持placeholder

参考源:http://www.fixelui.com/News/view/page/266.html*/

$(function(){

    //判断浏览器是否支持placeholder属性
    supportPlaceholder='placeholder'in document.createElement('input'),

    placeholder=function(input){

        var text = input.attr('placeholder'),
        defaultValue = input.defaultValue;

        if(!defaultValue){

            input.val(text).addClass("phcolor");
        }

        input.focus(function(){

            if(input.val() == text){

                $(this).val("");
            }
        });


        input.blur(function(){

            if(input.val() == ""){

                $(this).val(text).addClass("phcolor");
            }
        });

        //输入的字符不为灰色
        input.keydown(function(){

            $(this).removeClass("phcolor");
        });
    };

    //当浏览器不支持placeholder属性时,调用placeholder函数
    if(!supportPlaceholder){

        $('input').each(function(){

            text = $(this).attr("placeholder");

            if($(this).attr("type") == "text"){

                placeholder($(this));
            }
        });
    }

});