Sweet Alertのウィンドウを閉じる方法


  1. 「クローズ」ボタンを追加する方法: Sweet Alertウィンドウに「クローズ」ボタンを追加して、ユーザーがクリックすることでウィンドウを閉じることができます。以下は、HTMLとJavaScriptのコード例です。

    HTML:

    <button id="closeButton">クローズ</button>

    JavaScript:

    const closeButton = document.getElementById('closeButton');
    closeButton.addEventListener('click', function() {
     swal.close(); // Sweet Alertウィンドウを閉じる
    });
  2. クリックイベントを使用する方法: ウィンドウのどこかをクリックすると、Sweet Alertウィンドウが閉じるようにする方法もあります。以下は、JavaScriptのコード例です。

    document.addEventListener('click', function(event) {
     if (!event.target.closest('.swal2-container')) {
       swal.close(); // Sweet Alertウィンドウを閉じる
     }
    });

    上記のコードでは、クリックイベントが発生した場所がSweet Alertウィンドウ自体ではない場合に、ウィンドウを閉じる処理が実行されます。

  3. タイマーを使用する方法: Sweet Alertウィンドウを一定時間後に自動的に閉じる方法もあります。以下は、JavaScriptのコード例です。

    setTimeout(function() {
     swal.close(); // Sweet Alertウィンドウを閉じる
    }, 5000); // 5000ミリ秒(5秒)後に閉じる

    上記のコードでは、setTimeout関数を使用して、指定した時間(ここでは5000ミリ秒)後にウィンドウを閉じる処理が実行されます。

これらはいくつかの方法の一部であり、Sweet Alertウィンドウを閉じるための一般的な手法です。必要に応じて、これらの方法を組み合わせたり、カスタマイズしたりすることもできます。