html输入框默认提示不消失,输入框默认提示文字不使用Placeholder属性

(function($) {

$.fn.setTip = function(options) {

var defaults = {

defaultValue: "",

focusColor: "#000000",

blurColor: "#ccc",

fontSize: "10pt"

}

var options = $.extend(defaults, options);

this.each(function() {

var thisSearch = $(this);

thisSearch.focus(function() {

if (thisSearch.val() == options.defaultValue) {

thisSearch.css("color", options.focusColor);

thisSearch.val("");

}

}).blur(function() {

if (thisSearch.val() === undefined || thisSearch.val() == '') {

thisSearch.css("color", options.blurColor);

thisSearch.val(options.defaultValue);

}

}).css({

"color": options.blurColor,

"font-size": options.fontSize

});

if (thisSearch.val() == 'undefined' || thisSearch.val() == "") {

thisSearch.val(options.defaultValue);

} else if (thisSearch.val() != options.defaultValue) {

thisSearch.css("color", options.focusColor);

}

});

};

})(jQuery);

$(document).ready(function() {

$("#newInput").setTip({

defaultValue: "世界，你好！"

});

});