通知用戶在更改選項卡時保存更改

Question

我想在用戶離開選項卡之前通知用戶保存更改（僅當他們沒有單擊保存按鈕時）。我發現了很多關於髒頁面，jquery，onbeforeunload等的示例，但是每個示例都會在用戶離開頁面之前通知用戶，因爲我想在他們更改或移動到同一頁面導航欄中的其他選項卡之前通知他們。請幫我出來

Answer 1

很基本，也可能不符合你的需求，但它的種可能實現。

該方法只檢測window的blur和focus事件。另外，它還會在窗口外點擊時觸發警報。不幸的是，您可能會盡可能接近檢測標籤更改。

$(window).focus(function() { 
    //They are staying on the page 
    console.log("You've chocen to stay") 
}); 

$(window).blur(function() { 
    //They're leaving the tab 
    alert("Sure you don't want to stay?"); 
}); 

Working Demo