Javascript Jquery.focus（）-循环？

如果“提交”按钮已聚焦，我将尝试对其应用新样式。因此，如果已聚焦，样式将更改，但我无法摆脱它。这意味着我不能对按钮失去焦点。另一个问题是，当聚焦时，按钮会向下移动2-3像素

   $(document).ready(function(){
            $(".login").hover(function() {
                $(this).toggleClass("hoverbutton");
            });
            $(".login").focus(function(){
                $(this).toggleClass("focusbutton");
                return false;
            });
        });

希望有人能帮我：）

试试这个

$(document).ready(function () {
            $(".login").hover(function () {
                $(this).toggleClass("hoverbutton");
            }, function () {
                $(this).toggleClass("Normalbutton");
            });
        });

或

---

您正在查找错误的事件

---

查看jQuery API：

根据jQuery API（），hover接受两个函数：

$( ".login" ).hover(
    function() {
        // This part is called on Mouse over
        $( this ).addClass( "hoverbutton" );
    }, function() {
        // This part is called on Mouse out
        $( this ).removeClass( "hoverbutton" );
    }
);

---

在.focus（）之后添加了这个，对我来说效果很好

您需要先听

.blur（）

并删除类：当您有CSS

：hover

和

：focus

时，为什么要使用jQuery执行此操作。其次，您添加的类可能应用了不同的边距/填充/边框，这就是它移动的原因。如果你想得到适当的帮助，你需要发布HTML和CSS。没有具体的原因，我以前在CSS中做过，但是我认为使用一些jquery会更好，因为我是一个初学者jquery@Mikey尽管@Piyush首先回答了问题，但您提供了相关文档+链接为1

$( ".login" ).hover(
    function() {
        // This part is called on Mouse over
        $( this ).addClass( "hoverbutton" );
    }, function() {
        // This part is called on Mouse out
        $( this ).removeClass( "hoverbutton" );
    }
);

$(".login").blur(function(){
            $(this).removeClass("focusbutton");
            return false;
        });