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

How to show modalwindow when user is leaving a webpage?

本文关键字：显示 模态 窗口 网页 离开 用户      更新时间：2023-09-26

>我遇到一种情况，我必须阻止用户离开网页，当用户单击X图标或离开页面时，我必须显示一个带有报价的模态窗口（图像）一旦用户单击图像，我必须打开一个包含报价表格的特别优惠页面。

如何实现这一点 -

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

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

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

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

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

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

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

相关文章：