Question

我在Mozilla Firefox中遇到标准按钮问题（其他浏览器效果很好）。启用/禁用按钮变为蓝色（鼠标悬停）后。

按钮脚本：

$(document).ready(function(){
  $(".crbutton").click(function(){
        $(this).prop("disabled",true);
        setTimeout(function(){$(".crbutton").prop("disabled",false);}, 710);
    });
});

css按钮：

.crbutton{
    position: fixed;
    width: 5%;
    height: 5%;
    right: 0%;
    top: 47.5%;
}

如何解决此问题？

Answer 1

似乎相当简单。当你这样做时，

$(document).ready(function(){
  $(".crbutton").click(function(){
        $(this).prop("disabled",true);
        setTimeout(function(){$(".crbutton").prop("disabled",false);}, 710);
    });
});

你只是简单地切换了禁用状态。但是，按钮仍然具有焦点，这就是为什么当重新启用时，您会看到“活动”或“聚焦”状态，如下所示：http://jsfiddle.net/d8yqbcq2/。

要删除焦点，只需添加对.blur()的调用，如下所示：http://jsfiddle.net/d8yqbcq2/2/

$(document).ready(function () {
    $(".crbutton").click(function () {

        $(this).prop("disabled", true);
        setTimeout(function () {
            $(".crbutton").prop("disabled", false);
        }, 710);

        $(this).blur(); // added this
    });
});

启用/禁用后的Mozilla firefox按钮始终是鼠标悬停

1 个答案: