SweetAlert2は確認後にクリックしないでください

Question

ajax-exampleと同様のアラートを作成しますが、の前に外部クリックの却下を許可するを確認したいと思います。ユーザーが確認をクリックすると、操作が完了するまで外部のクリックを許可しません。

この例のように設定変数allowOutsideClickをfalseに設定すると、外部クリックが許可されず、プログラマチックにこの動作を実現する有効なメソッドがドキュメントに表示されません。

Answer 1

最新リリースのallowOutsideClickパラメータの関数を渡す機能を追加しました。

今ではカスタム関数と背景のクリックを無効にすることが可能です：

allowOutsideClick:() => { 
    // add your logic here and return boolean 
} 

あなたの場合：

swal({ 
 
    title: 'Submit email to run ajax request', 
 
    input: 'email', 
 
    showLoaderOnConfirm: true, 
 
    preConfirm: (email) => { 
 
    return new Promise((resolve) => { 
 
     setTimeout(() => { 
 
     resolve() 
 
     }, 3000) 
 
    }) 
 
    }, 
 
    allowOutsideClick:() => !swal.isLoading() 
 
})

<script src="https://unpkg.com/sweetalert2@7.7.0/dist/sweetalert2.all.js"></script>