javascript - 当用户更改选项卡时通知用户保存更改

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