javascript - 专注于输入并使用 Jquery 移除焦点

Question

我想检查输入是否有焦点以向背景添加颜色但是当我移除鼠标并关注另一个输入时它不再移除焦点它实际上与焦点保持一致!我怎样才能删除第一个的背景!

Fullname: <input type="text" name="name"><br>
Email: <input type="text" name="email">

如何检查类测试是否存在

由于某种原因无法正常工作，我正在绑定(bind)以下 if 语句。我的代码可能有问题，但出于某种原因我无法发现!

$(document).ready(function(){
    $("input").focus(function(){
        $(this).css("background-color", "#f4fcef");
    });
});

如果你能帮我测试一下或者让我知道上面的代码出了什么问题，我会很感激!？

Answer 1

您可以使用.blur

$(document).ready(function(){
    $("input").focus(function(){
        $(this).css("background-color", "#f4fcef");
    });
    $("input").blur(function(){
        $(this).css("background-color", "#ffffff");
    });
});

或者你可以在html代码的每一部分添加类:

Name: <input class="name" type="text" name="fullname"><br>
Email: <input class="email" type="text" name="email">

并使用下面的 JQuery 代码来运行它。

$(document).ready(function(){
    $(".name").focus(function(){
        $(this).css("background-color", "#f4fcef");
        $(".email").css("background-color", "#ffffff");        
    });
    $(".email").focus(function(){
        $(this).css("background-color", "#f4fcef");
        $(".name").css("background-color", "#ffffff");        
    });
});