zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    C# 通过反射初探ORM框架的实现原理
    Redis-Nosql数据库入门
    HTTPS 建立连接的详细过程
    Spring面试题
    struts2面试整理
    Java面试基本知识
    Spring MVC面试整理
    Mybatis面试整理
    Sublime 正则替换
    Hiberante知识点梳理
  • 原文地址:https://www.cnblogs.com/xiaolinxi/p/5474715.html
Copyright © 2011-2022 走看看