如何在僵尸模式关闭后从按钮中删除焦点

How to remove focus from a button after botstrap modal closed?

本文关键字：按钮 删除 焦点 僵尸 模式      更新时间：2023-09-26

当我单击启动引导模式的按钮，然后关闭该模式时，该按钮仍然清晰可见。如何更改它。

 <a data-toggle="modal" href="#mymodal">Click me</a>

模态只有一个按钮"确定"，我尝试编写一个 jquery 函数：

 function unfocus() {
     $('*:focus').blur();
 }

然后按钮是这样的：

 <button type="button" class="btn btn-default" data-dismiss="modal" onclick="unfocus()">OK</button>

但重点仍然是"点击我"。如何删除它？

这可能是一个黑客，但如果你只是你的链接的id，比如modalLink，你可以尝试以下方法：

$('#modalLink').on({
    focus: function () {
        $(this).blur();
    }
});

我认为只要设置焦点，这只会删除焦点，这在您的情况下可能没问题。

尝试将 id 添加到按钮和模态并使用 On 事件

$("#submitbutton_id").on('click', function () {
  if(! $("#modal_id").hasClass('in') ) {
    $("#your_element").blur();
  }
})

我认为这是Bootstrap的设计，你可能想阅读这篇文章，尽管一定有比编辑bootstrap js更好的方法。 我尝试了另一种解决方案，但似乎不起作用，也许引导 js 以某种方式覆盖了它？

引导模式恢复按钮聚焦关闭

相关文章：