解決HTML5中placeholder屬性相容性的JQuery外掛程式

標籤：blog   color   使用   os   io   cti   html   代碼   

//調用方法

$(function () {
   $(".pHolder").jason();

  });

//HTML代碼

<input type="text" class="pHolder" placeholder="請輸入姓名" />

//jquery外掛程式

($.fn.jason = function(a) {
    var b = {
        focus: "black",
        unfocus: "#999"
    }, c = $.extend(b, a);
    return $(this).each(function() {
        if (!$.support.leadingWhitespace||($.browser.msie && $.browser.version < 10)) {//判斷ie,如果jQuery版本過高就不能使用後面的判斷
            var a = $(this).attr("placeholder");
            $(this).val(a), $(this).css("color", c.unfocus), $(this).focus(function() {
                ($(this).val() == a || "" == $(this).val()) && ($(this).attr("placeholder", ""),
                $(this).val(""), $(this).css("color", c.focus));
            }), $(this).blur(function() {
                ($(this).val() == a || "" == $(this).val()) && ($(this).val(a), $(this).css("color", c.unfocus));
            });
        }
    });
})(jQuery);