• chrome-bug


       1、web前端的问题,为什么chrome浏览器下,input type=text 输入框的提示信息隐藏

    是因为chrome谷歌浏览器input属性他默认的有...可能你需要把input设置一下display:block等

    1 login_html += '<div class="p1">';
    2 login_html += '<span id="_lab_username">论坛帐号/注册邮箱</span>';
    3 login_html += '<input class="pp1" type="text" id="username" style="display:block"/>';
    4 login_html += '<span id="msg_u_w"></span>';
    5 login_html += '</div>' ;

     2、输入框事件监听

     1          
     2     $("#username").on("input",function(evt){                //输入框的id,采用input事件,可以监听任何输入,包括英文,中文,自动补全,粘贴
     3             if(evt.currentTarget.value){
     4                 $(this).prev().css("visibility","hidden");  //span元素采用的是绝对定位的方式
     5             }else{
     6                 $(this).prev().css("visibility","visible");
     7             }
     8             $(this).next().hide();                         //hide()方法的调用实际上是给元素添加 display:none;
     9      });
    10 11 
    12     //for ie username or password input
    13     if(document.all){
    14         $('input').each(function() {
    15             var that=this;
    16             if(this.attachEvent) {
    17                 this.attachEvent('onpropertychange',function(e) {
    18                     if(e.propertyName!='value') return;
    19                     $(that).trigger('input');
    20                 });
    21             }
    22         })
    23     }
  • 相关阅读:
    拦截器
    git和bootstrap
    java面试题目
    Struts2笔记
    sql语句的面试题
    公司面试总结
    面试题12 包含 min 函数的栈 【栈】
    面试题11 字符串的排列[算法]
    [面试] 进程和线程的区别(面试题)
    [baidu] 面向对象的三个基本要素和五项基本设计原则
  • 原文地址:https://www.cnblogs.com/yiliweichinasoft/p/3772926.html
Copyright © 2020-2023  润新知