解决ie8不兼容占位符的问题

最新推荐文章于 2022-08-10 13:23:58 发布

yyrSun

最新推荐文章于 2022-08-10 13:23:58 发布

阅读量848

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/yyjourney/article/details/78251135

版权

css 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

// IE placeholder
(function($) {
    $.fn.placeholder = function(options) {
        var opts = $.extend({}, $.fn.placeholder.defaults, options);
        var isIE = document.all ? true : false;
        return this.each(function() {
            var _this = this,
                placeholderValue = _this.getAttribute("placeholder"); //缓存默认的placeholder值
            if (isIE) {
                _this.setAttribute("value", placeholderValue);
                _this.onfocus = function() {
                    $.trim(_this.value) == placeholderValue ? _this.value = "" : '';
                };
                _this.onblur = function() {
                    $.trim(_this.value) == "" ? _this.value = placeholderValue : '';
                };
            }
        });
    };
})(jQuery);
    $('.gInput1,.gInput2,.fInput').placeholder();
    这里的类名就是input的类名。