jquery 解决ie9及以下版本不支持placeholder属性

最新推荐文章于 2021-09-28 17:59:41 发布

Tempta36

最新推荐文章于 2021-09-28 17:59:41 发布

阅读量443

点赞数

分类专栏： jquery 文章标签： jquery placeholder ie 9

jquery 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种解决IE9及其以下版本浏览器不支持HTML5 placeholder属性的方法。通过使用jQuery扩展函数，为输入框提供了兼容性的解决方案，使得在这些旧版浏览器中也能显示提示文本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//解决ie9及以下版本不支持placeholder属性
$.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 : '';
            };
        }
    });
};