Categories: JavaScript

[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 掉

範例

Mesak

我是米薩克,想了解更多可以點選  關於我 

Disqus Comments Loading...
Share
Published by
Mesak
Tags: javascript

Recent Posts

[教學] 利用 n8n 建立 LINE 聊天機器人

n8n 有多厲害,這邊就不贅述...

3 週 ago

[開箱] IROCKS K103R 熱插拔無線機械式鍵盤

許久沒有開箱了,近年鍵盤的規格...

3 個月 ago

[開箱] IROCKS-K85R 無線機械鍵盤

最近一直想要組一把 無線的 9...

1 年 ago

[開箱] IROCKS K75M 銀色上蓋機械式鍵盤

IROCKS K75M 這款鍵...

2 年 ago

[開箱] IROCKS M31E 粉紅色光學遊戲滑鼠

喜歡粉紅色周邊產品的朋友,有一...

2 年 ago