• placeholder 不支持IE修复


    <script type="text/javascript">
    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');
    var holder = $('<span></span>').text(txt).css({position:'absolute', left:20, top:pos.top, height:h, lienHeight:h, paddingLeft:paddingleft, color:'#aaa'}).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();
    });
    });
    }
    };
    $(function(){

    JPlaceHolder.init();
    })
    </script>

  • 相关阅读:
    Mysql表注释,字段注释
    Mysqlbetween
    前端生成二维码批量打包下载
    ROS 1
    ROS 2
    vue手机端菜单页
    vue实现手机端组织结构树
    Vue集成地图第三方插件
    ESP/UEFI
    网络与系统攻防技术|实验八 Web安全
  • 原文地址:https://www.cnblogs.com/xiaolinxi/p/5474715.html
Copyright © 2020-2023  润新知