マウスカーソルが画面外を検知

1. <script>
2.     let leave_flag = 0;
3.     document.body.addEventListener("mouseleave", () => {
4.         if (leave_flag) return false;
5.         alert("mouseout");
6.         leave_flag = 1;
7.     }, false);
8. </script>

 

＜解説＞
1. leave_flagを０で初期化　１の場合はダイアログを表示しない
2. ”mouseleave”（マウスカーソルが画面外）イベントを追加
3. すでにポップアップを表示しているなら、return
4. マウスカーソルが画面外のため、ダイアログを表示
5. leave_flagを１に変更。次回はからはダイアログを表示しない。