javascript - 取消重定向/卸载前

Question

我正在使用jQuery BlockUI每次用户更改 URL、单击链接、重定向、转到某个地方等时，插件都会显示一些不错的(“请稍候...”)消息:

$(window).on('beforeunload', function(){$.blockUI();});

现在，我想用 Cancel 来增强此消息按钮，这将阻止此类重定向并让用户留在当前页面。这让我想到一个问题:Javascript 中是否有任何方法可以停止正在进行的 URL 更改过程？ 或者我可以在此 Cancel 中绑定(bind)的任何其他方法/解决方案。按钮的点击事件？

我是否想做一些愚蠢或无用的事情？

Answer 1

您可以在 beforeunload 位中尝试 e.preventDefault() 或 return false，但出于安全原因，浏览器在技术上不支持您想要执行的操作。想象一下无法关闭的窗口的含义......

最好的办法是使用内置语法。返回一个字符串到 beforeunload 会弹出一个对话框，询问您是否确定要退出，以该字符串作为问题，并选择“离开页面”或“留在页面上”。

示例

$(window).on('beforeunload', function(){
    return "Do you really want to leave this page?";
});

更新

进一步阅读后发现主流浏览器支持返回字符串语法，但 Firefox 不支持。 Firefox 将简单地将您的字符串替换为“您确定要退出此页面吗？”这一行。或类似的东西。

TLDR:您可以在所有浏览器中使用上述返回字符串语法，但您的自定义句子不会在 Firefox 中显示:)