页面关闭时弹出窗口答案

【问题标题】：Popup window when the page is closed页面关闭时弹出窗口
【发布时间】：2017-07-30 19:03:37
【问题描述】：

你好，我有一个 Django 基础应用程序，其中一个应用程序正在与客户服务聊天。

我希望当客户点击 [x] 图标或关闭窗口时，应该会出现一个小的弹出窗口，其中包括：

1.一个字符串，如“谢谢，我们希望你能花时间回答调查：” 2. 将客户引导至调查页面的按钮。

我有这部分聊天应用程序 java 脚本文件：

    window.onbeforeunload = function() {
       window.open ("http://gadgetron.store/male_chatbot/popup/"); <= i have tried it and it doesn't work
       $.ajax({
          type: 'GET',
          url: 'http://gadgetron.store/chatbot/run_python_clear_chatM/',});}

谢谢你，

【问题讨论】：

标签： javascript html django

【解决方案1】：

我之前尝试过类似的事情，但我认为浏览器禁用了弹出自定义。请注意，您需要将 ajax 调用配置为同步（检查this）。您可以使用 window.onunload 事件处理程序，然后使用带有确认和取消按钮的小弹出窗口，如果您单击确认，您的脚本将被执行并且选项卡将关闭

【讨论】：

【解决方案2】：

出于用户体验的原因，浏览器不允许在卸载阶段打开弹出窗口，该事件是该事件的一部分。你唯一能做的就是打开一个弹出窗口，要求用户确认他真的想离开这个页面。这是通过从事件回调中返回任何非空字符串来实现的（即您当前调用window.open 的return "Are you sure you want to leave?";）。此确认窗口内的文本不再受应用程序for most modern browsers 的影响。

有关卸载阶段弹出窗口的信息，请查看WHATWG Spec，最重要的是ignore-opens-during-unload counter，它在设置为任何大于0 的值时会阻止document.open。

【讨论】：