zoukankan      html  css  js  c++  java
  • ie9的placeholder不显示的解决办法(包含多个密码框)

    
    
    function isPlaceholder(){
        var input = document.createElement('input');
        return 'placeholder' in input;
    }
    if (!isPlaceholder()) {//不支持placeholder 用jquery来完成
        $(document).ready(function() {
            if(!isPlaceholder()){
                $("input").not("input[type='password']").each(//把input绑定事件 排除password框
                        function(){
                            if($(this).val()=="" && $(this).attr("placeholder")!=""){
                                $(this).val($(this).attr("placeholder"));
                                $(this).focus(function(){
                                    if($(this).val()==$(this).attr("placeholder")) $(this).val("");
                                });
                                $(this).blur(function(){
                                    if($(this).val()=="") $(this).val($(this).attr("placeholder"));
                                });
                            }
                        });
                //对password框的特殊处理1.创建一个text框 2获取焦点和失去焦点的时候切换
                $("input[type='password']").each(
                        function() {
                            var pwdField    = $(this);
                            var pwdVal      = pwdField.attr('placeholder');
                            pwdField.after('<input  class="login-input" type="text" value='+pwdVal+' autocomplete="off" />');
                            var pwdPlaceholder = $(this).siblings('.login-input');
                            pwdPlaceholder.show();
                            pwdField.hide();
    
                            pwdPlaceholder.focus(function(){
                                pwdPlaceholder.hide();
                                pwdField.show();
                                pwdField.focus();
                            });
    
                            pwdField.blur(function(){
                                if(pwdField.val() == '') {
                                    pwdPlaceholder.show();
                                    pwdField.hide();
                                }
                            });
                        })
            }
        });
    }
  • 相关阅读:
    Aspose.BarCode v5.7.0 修复关于PDF417条码的各种问题
    Jensen 不等式
    用博客记录生活
    Appium隐式等待和显示等待
    app自动化03
    app自动化02
    APP测试之adb命令原理和appium原理介绍
    app自动化01
    自动化测试-高级篇
    WebDriver中级篇2
  • 原文地址:https://www.cnblogs.com/vonson/p/4970867.html
Copyright © 2011-2022 走看看