解决ie8下面placeholder显示问题

最新推荐文章于 2021-02-05 15:50:49 发布

转载最新推荐文章于 2021-02-05 15:50:49 发布 · 142 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/kugeliu/p/7798912.html

本文提供了一种针对IE8及以下版本浏览器中placeholder属性不支持的问题解决方案。通过JavaScript判断浏览器版本，并为输入框手动设置默认值，实现类似placeholder的效果。

今天测试反馈一个bug，需要在ie8下面看到placeholder提示，开始的想法是对ie8进行降级处理，在ie8下面就不显示了。

现在测试反馈了，解决办法。

　　function isLowIE() {
        if (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.match(/7./i) == "7.") {
            return true;
        }
        else if (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.match(/8./i) == "8.") {
            return true;
        }
        else if (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.match(/9./i) == "9.") {
            return true;
        }
        else if (navigator.appName == "Microsoft Internet Explorer") {
            return true;
        } else {
            return false;
        }
    }
    if (isLowIE()) {
        $("input").each(function (index, item) {
            var placeholder = $(this).attr("placeholder");
            $(this).val(placeholder);
        })
    }