Firefox 如何防止在引导模式中失去焦点?

Firefox 如何防止在引导模式中失去焦点?,firefox,twitter-bootstrap-3,focus,bootstrap-modal,Firefox,Twitter Bootstrap 3,Focus,Bootstrap Modal,查看boostrap站点本身: 虽然它与本段中的主题无关,但您可以在此处打开带有输入字段的模式,然后尝试以下操作:聚焦输入字段,键入一些字符,切换到另一个窗口或浏览器选项卡,然后返回模式。在Firefox中,聚焦输入不再聚焦 如何重新聚焦最后一个聚焦元素?或者我怎样才能避免焦点丢失 更新:提交一个问题。每次打开时,只需您的输入字段即可。对于该用途,请参见以下代码: $(函数(){ $('#myModal').on('show.bs.modal',function(){ $('#myTextI

查看boostrap站点本身:

虽然它与本段中的主题无关,但您可以在此处打开带有输入字段的模式,然后尝试以下操作:聚焦输入字段,键入一些字符,切换到另一个窗口或浏览器选项卡,然后返回模式。在Firefox中,聚焦输入不再聚焦

如何重新聚焦最后一个聚焦元素?或者我怎样才能避免焦点丢失

更新:提交一个问题。

每次打开时,只需您的输入字段即可。对于该用途,请参见以下代码:

$(函数(){
$('#myModal').on('show.bs.modal',function(){
$('#myTextId').focus()
});
});

启动演示模式
&时代;
情态标题
接近
保存更改

除了@SHAZ solution,您还需要
$(window).focus()
函数在浏览器选项卡处于活动状态时聚焦输入

$(函数(){
$('#myModal').on('show.bs.modal',function(){
$('#myTextId').focus()
});
});
$(窗口)。焦点(函数(){
var input=document.getElementById(“myTextId”).focus();
});

启动演示模式
&时代;
情态标题
接近
保存更改

我已经为这类问题进行了可访问性修复(使用模式弹出键保持键盘焦点)

这是我的密码:

$("Your modal id").on('shown.bs.modal', function(event) {
    window.setTimeout(function(){
        $('.close').focus();
    }, 1000);
});
上述代码将在模式弹出窗口中聚焦指向关闭(X)图标的指针

要使用模式保持焦点(键盘选项卡导航),请执行以下操作:

选项卡焦点到达“关闭”按钮后:

 <a class="btn btn-default grey_btn" align="center" data-dismiss="modal" onkeydown="focusToClose(event);" href="#" target="_self"><span class="text">Close</span></a>

    function focusToClose(e)
    {
        if((e.key == 'Tab' || e.code == 'Tab') && !e.shiftKey)
        {
            e.preventDefault();
             $('#closeIcon').focus();
        }
    }

函数focusToClose(e)
{
如果((e.key='Tab'| | e.code=='Tab')&&!e.shiftKey)
{
e、 预防默认值();
$(“#closeIcon”).focus();
}
}
关闭(X)按钮代码:

<button type="button" onKeyDown="blockFocus(event);" class="close" id="closeIcon" data-dismiss="modal" aria-label="Close">
    <span aria-hidden="true">&times;</span>
</button>

&时代;

快乐编码…)

不适合我。AFAIK
Showed.bs.modal
只会触发一次:当模式打开时,但当焦点暂时移到其他位置后窗口再次获得焦点时,不会触发。好的,这应该会起作用。它仍然要求最后一个聚焦元素重新聚焦(需要存储在某处),并且如果模式未打开,则$(window).focus()将关闭。请花几分钟时间格式化您的答案。提示:行首有4个空格,以下文本将被格式化为代码。这可能不是你想要的。干杯