jquery this.attr(值)返回空白

Question

快速场景:获得一系列输入字段，如果默认值为焦点，则清除准备输入的字段。模糊时，它会测试是否为空，并设置默认值。第一部分(焦点)像魅力一样工作，第二部分不是，我盯着代码看了很长时间，显然对我的错误视而不见。

HTML：

<label for="name">Navn: *</label>
<input type="text" name="name" id="name" value="Dit Navn"><br>
<label for="email">E-mail: *</label>
<input type="text" name="email" id="email" value="eksempel@mail.dk"><br>

有效的jQuery：

jQuery("#dfwylf_Overlay input:text").focus(function(){
    if ( jQuery(this).attr("value") == jQuery(this).val() ){
        jQuery(this).val("");
    }
})

不起作用的代码：

jQuery("#dfwylf_Overlay input:text").blur(function(){
    console.log(jQuery(this).attr("value"));
    //the above outputs empty
    if ( jQuery(this).val() == "" ){
        jQuery(this).val(jQuery(this).attr("value"));
    }
})

Answer 1

我认为使用1.9.1或更高版本jquery框架有问题

​

jQuery("input:text").blur(function(){
 
    //the above outputs empty
    if ( jQuery(this).val().trim() == "" ){
        jQuery(this).val(jQuery(this).attr("value"));
    }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="text" name="someName" id="someId" value="a value">
<input type="text" name="someName2" id="someId2" value="another value">

​

Answer 2

​

jQuery("#dfwylf_Overlay input[type=text]").focus(function(){
    if ( jQuery(this).attr("value") == jQuery(this).val() ){
        jQuery(this).val("");
    }
})

jQuery("#dfwylf_Overlay input:text").blur(function(){
    console.log(jQuery(this).attr("value"));
    //the above outputs empty
    if ( jQuery(this).val() == "" ){
        jQuery(this).val(jQuery(this).attr("value"));
    }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="dfwylf_Overlay">
<input type="text" name="someName" id="someId" value="a value">
<input type="text" name="someName2" id="someId2" value="another value">
</div>

​