关于input 属性placeholder 在IE9下兼容

Posted smile-xin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于input 属性placeholder 在IE9下兼容相关的知识,希望对你有一定的参考价值。

今天分享下同事关于input 属性placeholder 在IE9下不兼容的解决方案,小弟不是很懂,希望有看完的大佬说说你们的理解

<script src="http://www.jq22.com/jquery/1.8.3/jquery.min.js"></script>
<script>
(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);
$("input").placeholder();
</script>

求大佬看完后分析下,或等我改天询问到再分享给大伙。

以上是关于关于input 属性placeholder 在IE9下兼容的主要内容,如果未能解决你的问题,请参考以下文章

input 的 placeholder属性在IE8下的兼容处理

让 IE 8 及以下浏览器支持 表单 input [placeholder] 属性

jquery.placeholder.js解决IE8兼容h5中input属性placeholder属性

在IE8及以下的浏览器中,不支持placeholder属性的解决办法

input placeholder属性IE360浏览器兼容性问题

使IE支持placeholder