通知用户在更改选项卡时保存更改

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