JavaScriptでタブが離れたことを検出する方法

1. visibilitychange イベントを使用する方法:

   document.addEventListener("visibilitychange", function() {
   if (document.visibilityState === "hidden") {
   // タブが離れた時の処理をここに書く
   console.log("タブが離れました");
   }
   });

2. beforeunload イベントを使用する方法:

   window.addEventListener("beforeunload", function(event) {
   // タブが離れる前の処理をここに書く
   event.preventDefault(); // ダイアログを表示しないようにするために必要な場合があります
   console.log("タブが離れる前です");
   });

3. unload イベントを使用する方法:

   window.addEventListener("unload", function() {
   // タブが離れた後の処理をここに書く
   console.log("タブが離れました");
   });

これらの方法は、それぞれ異なるタイミングでタブが離れたことを検出します。適切な方法を選択し、必要な処理をコードに追加してください。