javascript - Bootbox.prompt() 将焦点设置在文本字段上

Question

我似乎无法自动将焦点设置在 Bootbox 的文本字段上。

这是我的代码: 函数设置代码(我的代码){

    bootbox.confirm("Enter your PIN: <input id='pin_code' type='password' name='pin_code'></input>", 
            function(result) {
                if(result)
                console.log($("#pin_code").val());
            });
        $("#pin_code").focus();
    };

也许是关于 bootbox 代码的问题？

Answer 1

您可以注册一个设置焦点的 shown 事件处理程序(如@Shiny 所建议的)。但是，从 Bootstrap 3 和 Bootbox v4.x.x 开始，显示的事件是命名空间的，必须使用完全限定名称 shown.bs.modal 来注册事件处理程序。所以代码将是:

var box = bootbox.confirm("Enter your PIN: <input id='pin_code' type='password' name='pin_code'></input>", 
    function(result) {
        if(result)
        console.log($("#pin_code").val());
    });

box.on('shown.bs.modal',function(){
  $("#pin_code").focus();
});

尝试像以前一样设置焦点是行不通的，因为在调用 bootbox.confirm 后对话框不会立即显示。不可见的元素无法获得焦点。