Estou tentando recriar o componente de confirm nativo do javascript e me deparei com uma dúvida.
Exemplo:
if (confirm("meu texto vai aqui")) { // Aguarda retorno {true ou false}
console.log("faça algo aqui");
}
Por padrão, enquanto o usuario não clicar em OK ou Cancelar ele não voltará para o fluxo do if. neste caso estou tentando reproduzi-lo.
Exemplo:
function msgConfirm(texto) {
var resposta = $(".resposta");
resposta.empty();
var modal =
"<div class='modal fade msgConfirm' tabindex='-1' role='dialog'>" +
" <div class='modal-dialog modal-sm' >" +
" <div class='modal-content' >" +
" <div class='modal-header' >" +
" <button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'> × </span></button >" +
" <h4 class='modal-title' id='msgConfirmTitle'> </h4>" +
" </div>" +
" <div class='modal-body'>" +
" <p id='msgConfirmContent' > </p>" +
" </div>" +
" <div class='modal-footer' >" +
" <button type='button' class='btn btn-primary' id='msgConfirmConfirm' > Ok </button>" +
" <button type='button' class='btn btn-default' data-dismiss='modal' id='msgConfirmCancel' > Cancelar </button>" +
" </div>" +
" </div>" +
" </div>" +
"</div>";
resposta.append(modal);
resposta.find("#msgConfirmContent").html(texto);
resposta.find(".msgConfirm").modal("show");
$("#msgConfirmConfirm").click(function() {
return true;
});
}
E no momento que eu o chamo o retorno é dado, sem intervenção do escutador de eventos click.
if (msgConfirm("meu texto vai aqui")) { // Retorno imediato {undefined}
console.log("faça algo aqui");
}
Então o que eu preciso saber e, como eu posso reproduzir o comportamento do confirm?