javascript – 专注于输入并使用Jquery删除焦点

我想要检查输入是否有焦点为背景添加颜色然而当我移除鼠标并专注于另一个输入时它不再移除焦点
它实际上保持着焦点！如何从第一个中移除背景！

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

如何检查类测试是否存在

由于某些原因我没有工作,我正在追随以下if声明.我的代码可能有问题,我出于某种原因无法发现！

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

如果你可以为我测试一下,或者让我知道上面的代码出了什么问题,我会尽快给它！

解决方法:

你可以使用.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");        
    });
});