[JS] 關閉視窗確認

剛好實作到的程式，紀錄一下

作用是，按下關閉登出的時候，詢問是否要登出系統，確定登出，執行某 函式

應用到了 jquery ，所以要載入 jquery

$(document).mouseleave(function(e){
    window.onbeforeunload =  function () {
        window.onunload =  function () {
        alert('bye')
    }
    return '您確定要登出本系統？';
}
});
$(document).mouseenter(function(e){
    window.onbeforeunload =  null
    window.onunload =  null
});

說明：
因為關閉的時候，幾乎都是用滑鼠，按鍵雖然也會有，不過剛好我這案子沒應用到
所以只判斷滑鼠點關閉

點關閉的時候，幾乎都是脫離網頁區域，網路上很多教學都寫

event.clientX > document.body.clientWidth

我這邊是直接應用 jQuery 的 mouseleave 的函式，判斷上更簡單

內容就是滑鼠不在document 內就建立 關閉阻止的函式

滑鼠移回網頁中，就把 阻止的函式 給 null 掉

範例