Bootbox.prompt() установить фокус на текстовое поле

Question

Я не могу настроить фокус на текстовое поле Bootbox автоматически.

вот мой код: функция setCode (myCode) {

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

Вы можете попробовать этот код

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',function(){ 
    $("#pin_code").focus(); 
}); 

Answer 2

Вы можете зарегистрировать обработчик 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. Элементы, которые не видны, не могут быть сосредоточены.