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();
    }
    });
    }

  • 相关阅读:
    html5学习笔记2——新元素
    html5学习笔记——基础
    html学习笔记之2——多媒体
    Python调试打印错误信息
    Python随机字符串验证码
    js传递数组
    js上传图片并预览
    JS获取当前日期、比较日期大小
    nrm管理npm源
    使用Git Subtree在多个项目中共用同一个子项目
  • 原文地址:https://www.cnblogs.com/anyaran/p/3482043.html
Copyright © 2011-2022 走看看