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

Question

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

如何实现这一点 -

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

我在google中搜索过以防止用户离开并找到以下代码，但我不知道如何正确使用它。任何方向都将受到赞赏。

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

上的

等：JavaScript: Confirmation / Warning before Leaving or Navigating Away from a Page

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

Answer 1

您只能显示一个简单的浏览器生成的对话框（从您链接的示例中进行排序），任何更复杂的对话都是不可能的。

此外，除非你试图阻止某人离开页面而不保存他们的工作，否则你只会沮丧并疏远你的用户。你真的不应该试图强迫访问者使用一种模式。他们都有自己的浏览方式，如果你试图强迫他们采用不同的模式，他们只会怨恨它。