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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 专注于输入并使用Jquery删除焦点，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1181字，纯文字阅读大概需要2分钟。

内容图文

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

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");        
    });
});

内容总结

以上是互联网集市为您收集整理的javascript – 专注于输入并使用Jquery删除焦点全部内容，希望文章能够帮你解决javascript – 专注于输入并使用Jquery删除焦点所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端