-
「クローズ」ボタンを追加する方法: Sweet Alertウィンドウに「クローズ」ボタンを追加して、ユーザーがクリックすることでウィンドウを閉じることができます。以下は、HTMLとJavaScriptのコード例です。
HTML:
<button id="closeButton">クローズ</button>
JavaScript:
const closeButton = document.getElementById('closeButton'); closeButton.addEventListener('click', function() { swal.close(); // Sweet Alertウィンドウを閉じる });
-
クリックイベントを使用する方法: ウィンドウのどこかをクリックすると、Sweet Alertウィンドウが閉じるようにする方法もあります。以下は、JavaScriptのコード例です。
document.addEventListener('click', function(event) { if (!event.target.closest('.swal2-container')) { swal.close(); // Sweet Alertウィンドウを閉じる } });
上記のコードでは、クリックイベントが発生した場所がSweet Alertウィンドウ自体ではない場合に、ウィンドウを閉じる処理が実行されます。
-
タイマーを使用する方法: Sweet Alertウィンドウを一定時間後に自動的に閉じる方法もあります。以下は、JavaScriptのコード例です。
setTimeout(function() { swal.close(); // Sweet Alertウィンドウを閉じる }, 5000); // 5000ミリ秒(5秒)後に閉じる
上記のコードでは、
setTimeout
関数を使用して、指定した時間(ここでは5000ミリ秒)後にウィンドウを閉じる処理が実行されます。
これらはいくつかの方法の一部であり、Sweet Alertウィンドウを閉じるための一般的な手法です。必要に応じて、これらの方法を組み合わせたり、カスタマイズしたりすることもできます。