zoukankan      html  css  js  c++  java
  • bobojQuery focus和blur事件的应用详解

    一、需求原因
    在填写表单时需要实现如下效果

    二、具体实现

    复制代码 代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type"content="text/html; charset=UTF-8">
    <title>鼠标点击后无文字,挪开鼠标后有文字</title>
    <script language="JavaScript"src="../jQuery/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
         $(function(){
             /*进入焦点时触发*/
             $("#account").focus(function(){
                  varoldValue = $(this).val();
                  if(oldValue == this.defaultValue){
                      $(this).val("");
                  }
             }); 
             /*失去焦点时触发*/
             $("#account").blur(function(){
                  alert("12");
                  varoldValue = $(this).val();
                  if(oldValue == ""){
                       $(this).val(this.defaultValue);
                  }
             });
         });
    </script>
    </head>
    <body>
    帐号:<input id="account"name="account" type="text" value="请输入帐号">
    </body>
    </html>
  • 相关阅读:
    模拟实现ajax加载框
    京东晒单的js实现
    微信分享js代码(转载)
    css模拟实现selec下拉框
    网页端实现输入卡号四字隔开
    返回顶部的动态显示与隐藏
    js等比例缩放图片(转载)
    css模拟实现checkbox
    quartz的使用 Mr
    Spring声明式事务配置管理方法 Mr
  • 原文地址:https://www.cnblogs.com/nice41/p/3833038.html
Copyright © 2011-2022 走看看