zoukankan      html  css  js  c++  java
  • placeholder兼容方法(兼容IE8以上浏览器)

    //placeholder兼容方法(兼容IE8以上浏览器)
                var JPlaceHolder = {
                    //检测
                    _check: function () {
                        return 'placeholder' in document.createElement('input');
                    },
                    //初始化
                    init: function () {
                        if (!this._check()) {
                            this.fix();
                        }
                    },
                    //修复
                    fix: function () {
                        jQuery(':input[placeholder]').each(function (index, element) {
                            var self = $(this), txt = self.attr('placeholder');
                            self.wrap($('<div></div>').css({
                                position: 'relative',
                                zoom: '1',
                                border: 'none',
                                background: 'none',
                                padding: 'none',
                                margin: 'none'
                            }));
                            var pos = self.position(), h = self.outerHeight(true), paddingleft = self.css('padding-left');
    //此处的css样式,根据情况修改
    var holder = $('<span></span>').text(txt).css({ position: 'absolute', left: pos.left, // top: pos.top, height: h + 'px', lineHeight: h + 'px', paddingLeft: paddingleft, color: '#aaa', paddingTop: '15px', textAlign: 'center', '347px' }).appendTo(self.parent()); self.focusin(function (e) { holder.hide(); }).focusout(function (e) { if (!self.val()) { holder.show(); } }); holder.click(function (e) { holder.hide(); self.focus(); }); }); } }; //执行placeholder兼容方法 jQuery(function () { JPlaceHolder.init(); });
  • 相关阅读:
    代码整洁之道-格式
    代码整洁之道-函数
    redis常规命令记录
    周报2019.7.19
    docker mysql安装
    Python requirements.txt
    Javascript-关于null、undefined、空字符串的区分
    Javascript-string-Array
    取出两个二维数组中不重复的数组值方法
    让未知宽高的元素水平垂直居中
  • 原文地址:https://www.cnblogs.com/cag2050/p/5680163.html
Copyright © 2011-2022 走看看