boostrap 3模态,焦点输入字段不适用于firefox

时间:2018-11-15 10:49:42

标签: javascript google-chrome firefox twitter-bootstrap-3 bootstrap-modal

我正在使用引导程序3中的模态,它包含在输入字段中

加载页面时(不是通过单击按钮)使用jQuery代码启动此模式

$().ready(function()
{
    $('#OTPModal').modal('show');
});

一旦显示了模态,我就通过该代码使输入成为焦点

$('#OTPModal').on('shown.bs.modal', function () 
{
    $('#OTPField').focus();
});

此代码在谷歌浏览器中可以正常工作,但在Firefox中不可用!

用chrome和firefox检查jsFiddle以查看不同之处

https://jsfiddle.net/aq9Laaew/272015/

firefox版本:63.0.1(64位)

chrome版本:70.0.3538.77版(正式内部版本)(64位)

1 个答案:

答案 0 :(得分:0)

此问题来自Firefox中的提琴手站点。查看您的代码而无需摆弄iframe。 https://fiddle.jshell.net/aq9Laaew/272015/show/