zoukankan      html  css  js  c++  java
  • placeholder兼容IE6-9代码

    placeholderIE:function(){
    //判断浏览器是否支持 placeholder属性
    function isPlaceholder(){
    var input = document.createElement('input');
    return 'placeholder' in input;
    }
    //对不支持placeholder的浏览器处理
    if(!isPlaceholder()){
    $("input").not("input[type='password']").each(//把input绑定事件 排除password框
    function(){
    if($(this).val()=="" && $(this).attr("placeholder")!=""){
    $(this).val($(this).attr("placeholder")).css('color','#999');
    $(this).focus(function(){
    if($(this).css('color') == 'rgb(153, 153, 153)'){
    $(this).val('').css('color','#404040')
    }
    });
    $(this).blur(function(){
    if($(this).val()=="") {
    $(this).val($(this).attr("placeholder")).css('color','#999');
    }else{
    $(this).css('color','#404040')
    }
    });
    }
    });
    //对password框的特殊处理1.创建一个text框 2获取焦点和失去焦点的时候切换
    var pwdField = $("input[type=password]");
    var pwdVal = pwdField.attr('placeholder');
    pwdField.after('<input id="pwdPlaceholder" class="input-txt" type="text" value='+pwdVal+' autocomplete="off" />');
    var pwdPlaceholder = $('#pwdPlaceholder');
    pwdPlaceholder.show().css('color','#999');
    pwdField.hide();

    pwdPlaceholder.focus(function(){
    pwdPlaceholder.hide();
    pwdField.show();
    pwdField.focus();
    });

    pwdField.blur(function(){
    if(pwdField.val() == '') {
    pwdPlaceholder.show().css('color','#999');
    pwdField.hide();
    }
    });
    }

  • 相关阅读:
    laravel5.2 开发中打印sql语句
    centos 安装 vsftpd
    linux 安装 DenyHosts 防止密码被暴力破解
    linux nginx 安装防火墙ngx_lua_waf
    mysql 下载资源地址
    微信公众号 access_token 没有过期 却失效
    centos 安装 composer
    五十个小技巧提高PHP执行效率
    yii 使用DB实现rbac 权限控制
    git 的使用
  • 原文地址:https://www.cnblogs.com/anyaran/p/3482043.html
Copyright © 2011-2022 走看看