Question

我想在选中时清空登录字段。我正在使用JS / jQuery-Book并将这个示例完全复制到我的文档中，但它不想工作......

字段：

<input type="text" id="username" value="Username" name="username" />

jQuery的：

$(document).ready(function(){
$("#username").focus(function(){
    var field = $(this);
    if(field.val() == field.attr("defaultValue")){
    field.val(""); // also tried field.val() = "";
    }
});
});

我已经在每一行之后放了一个alert（），我发现它没有进入if语句。

Answer 1

你可以试试这个......

$("#username").focus(function(){
var field = $(this);
var username=field.attr("value");
if(field.val() == username){
    field.val(""); 
}
});

经过测试并与您的attr一起正常工作....

Answer 2

使用jQuery方法prop来获取DOM属性而不是attr。

$(document).ready(function(){
    $("#username").focus(function(){
        var field = $(this);
        if(field.val() == field.prop("defaultValue")){   // or: field.val() == field[0].defaultValue
            field.val("");
        }
    });
});

Answer 3

$("#username").focus(function(){
    $(this).val("");
});

尽可能简单。

Answer 4

使用.prop（）（参见jsfiddle）：

$("#username").focus(function(){
    var field = $(this);

    if(field.val() == field.prop("defaultValue")) {
        field.val("");
    }
});

Answer 5

试一试：

<input type="text" id="username" value="Username" name="username" defaultValue="" />

试一试：

$(document).ready(function(){
    $("#username").focus(function(){
        if($(this).val() === $(this).attr("defaultValue")){
            $(this).val("");
        }
   });
});

Answer 6

试试这个......

$(document).ready(function(){
var user = $("#username").val();
$("#username").focus(function()
{
if($(this).val()==user)
$(this).val("");
});
});

这对我来说很好。

jQuery focus（）和空字段

6 个答案: