解决HTML5中placeholder属性兼容性的JQuery插件
//调用方法
$(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);
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。