javascript - 卸载之前未按预期工作

Question

这是我的问题，当用户尝试退出页面时，我需要触发一个带有号召性用语的模式，我知道如果您在卸载之前使用事件，则必须显示一个从函数返回文本字符串的警报，并且没关系。但无论我做什么，我总是在模式之前收到警报，并且只有当用户同意通过内置浏览器警报留在页面上时才收到警报。

我在一个网站上看到，一些前端天才设法在警报显示之前打开一个 html 模式，因此您可以看到该模式已经存在。

这是我正在使用的代码:

$(window).bind('beforeunload', function() {
    _('#beforeunload').foundation('reveal', 'open');
    return 'You still have one item in your basket!';
 })

如何在浏览器提示用户是否离开页面之前触发我的基础模式？

Answer 1

尝试；

window.onbeforeunload = function(e) {
  return 'Dialog text here.';
};

https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload#Example