JSIE兼容placeholder

Posted

tags:

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

直接上代码:

   $(document).ready(function () {
        var doc = document,
                textareas = doc.getElementsByTagName(‘textarea‘),
                supportPlaceholder = ‘placeholder‘ in doc.createElement(‘textarea‘),

                placeholder = function (textarea) {
                    var text = textarea.getAttribute(‘placeholder‘),
                            defaultValue = textarea.defaultValue;
                    if (defaultValue == ‘‘) {
                        textarea.value = text
                    }
                    textarea.onfocus = function () {
                        if (textarea.value === text) {
                            this.value = ‘‘
                        }
                    };
                    textarea.onblur = function () {
                        if (textarea.value === ‘‘) {
                            this.value = text
                        }
                    }
                };

        if (!supportPlaceholder) {
            for (var i = 0, len = textareas.length; i < len; i++) {
                var textarea = textareas[i],
                        text = textarea.getAttribute(‘placeholder‘);
                if ( text) {
                    placeholder(textarea);
                }
            }
        }
    });

textarea可以换成input

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

placeholder兼容性问题

ie下不支持placeholder 用jquery来完成兼容

placeholder不兼容 IE10 以下版本的解决方法

RuntimeError: tf.placeholder() 与急切执行不兼容

input placeholder兼容ie10以下

placeholder插件兼容ie6.7.8,(支持密码框)