【input】 失去焦点时 显示默认值 focus blur ★★★★★ 

$(".username,.usertel").focus(function(){  //获取焦点
    if ($(this).val()==this.defaultValue){
         $(this).val("");
    }
}).blur(function(){   //失去焦点
    if ($(this).val()==""){
        $(this).val(this.defaultValue);
    }
})

 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
</head>
<body>
    <input type="text" class="username" value="用户姓名">
    <input type="text" class="usertel" value="电话号码">

    <script type="text/javascript" src="js/jquery.min.js"></script>
   <script type="text/javascript">
    $(".username,.usertel").focus(function(){
        if($(this).val()==this.defaultValue){
            $(this).val("");
            $(this).focus();
            return false;
        }
    }).blur(function(){
        if($(this).val()==""){
            $(this).val(this.defaultValue);
            $(this).focus();
            return false;
        }
    });
    </script>
</body>
</html>

 

可以用：

$(".username,.usertel").focus(function(){
     if($(this).val() == this.defaultValue){
            $(this).val("");
        }
}).blur(function(){
    if($(this).val()==""){
            $(this).val(this.defaultValue);
      }
});

 

posted @ 2014-08-22 09:22  Shimily  阅读(348)  评论(0)    收藏  举报