Function 当用户在jquery中的输入之外单击时，尝试填充输入字段

我对jquery很陌生，如果这是基本的，那么很抱歉

我目前有一个函数，可以清空用户名输入字段的值，这样用户在输入用户名之前就不必删除它

   $("#usernameInput").click(function(){
        $(this).val("");
    });

但是，如果用户在点击输入字段并用上一个函数清除后，在输入字段外单击时，没有在输入字段中输入任何内容，我就无法尝试用“username”重新填充输入字段

这就是我迄今为止所尝试的：

$("html").click(function(){
    if( $("usernameInput").val() == " " ){
        $("usernameInput").val("username");
    }
    else{
        //do nothing as user has entered username
    }


});

---

谢谢

您通常会使用“聚焦”和“模糊”事件

$("#usernameInput").on({
    focus: function(){
        if (this.value.trim() == 'username') this.value = '';
    },
    blur: function() {
        if (!this.value.trim().length) this.value = 'username';
    }
});

或者在HTML5中，您可以使用占位符

<input type="text" id="usernameInput" placeholder="username" />

---

您通常会使用“聚焦”和“模糊”事件

$("#usernameInput").on({
    focus: function(){
        if (this.value.trim() == 'username') this.value = '';
    },
    blur: function() {
        if (!this.value.trim().length) this.value = 'username';
    }
});

或者在HTML5中，您可以使用占位符

<input type="text" id="usernameInput" placeholder="username" />

试试这个

$("#usernameInput").focusout(function(){
    if(this.value == ""){
        $("usernameInput").val("username");
    }
    else{
        //do nothing as user has entered username
    }

});

试试这个

$("#usernameInput").focusout(function(){
    if(this.value == ""){
        $("usernameInput").val("username");
    }
    else{
        //do nothing as user has entered username
    }

});

$（“#用户名输入”）.focus（函数（）{
$（此）.val（“”）；
});
$（“#usernameInput”）.blur（函数（）{
if（$（this）.val（）.length<1）
{
$（this.val（“用户名”）；
}
});
$（“#用户名输入”）.focus（函数（）{
$（此）.val（“”）；
});
$（“#usernameInput”）.blur（函数（）{
if（$（this）.val（）.length<1）
{
$（this.val（“用户名”）；
}
});
听起来，在输入标签中添加一个
placeholder=“Username”
属性可能会让您受益匪浅。谢谢Matt，很高兴看到html5简化了这一点！听起来，在输入标签中添加一个
placeholder=“Username”
属性可能会让您受益匪浅。谢谢Matt，很高兴看到html5简化了这一点！谢谢，你真快！我假设在blur函数中，我可以使用if语句仅在未输入任何内容的情况下将值更改为username。谢谢，您很快就完成了！我假设在blur函数中，如果没有输入任何内容，我可以使用if语句将值更改为username。