javascript - 用户离开网页时如何显示模态窗口？

Question

我有一种情况，我必须阻止用户离开网页，当用户点击 X 图标或离开页面时，一旦用户点击我必须打开的图像，我必须显示一个带有报价（图像）的模式窗口具有报价表的特价页面。

如何实现这一点 -

1. 防止离开页面？
2. 如何为每次点击模态窗口图像生成一个新的随机 url，这样就没有人可以复制报价页面 Url 并转发给其他用户？

我在谷歌搜索防止用户离开并找到下面的代码，但我不知道如何正确使用它。任何方向将不胜感激。

var warning = false;
window.onbeforeunload = function() { 
  if (warning) {
    return 'You have unsaved changes.';
  }
}

此网址上的等：JavaScript：离开或导航离开页面之前的确认/警告

请帮帮我，我是 php 世界的新手。

Answer 1

您只能显示一个简单的浏览器生成的对话（与您链接的示例类似），任何更复杂的对话都是不可能的。

此外，除非您试图阻止某人离开页面而不保存他们的工作，否则您只会让您的用户感到不安和疏远。您真的不应该尝试对访问者强制使用某种模式。他们都有自己的浏览方式，如果你试图强迫他们进入不同的模式，他们只会反感。