自定义确认框，具有一些带有窗口关闭事件的功能

Question

我目前正在编写 JavaScript，单击窗口中的关闭按钮时，我应该会看到一个确认框。在确认框中，我应该显示一些消息，并且应该有取消和继续按钮。

单击“取消”时，不应关闭窗口，但按“继续”时，窗口应重定向到另一个 jsp。

有人可以帮我解决这个代码吗？我尝试使用自定义确认框，但这似乎只返回一个字符串，并且不能用于重定向到页面。

Answer 1

这是不可能的。当用户关闭窗口时，您无法将用户重定向到另一个页面。这是出于安全原因。

要在关闭窗口时显示确认框，可以使用 onbeforeunload 事件。这将询问用户是否希望离开该页面。确认框由浏览器呈现，您可以自定义的只是文本。

$(window).bind('beforeunload', function(){
  return 'Are you sure you want to leave?';
});

当用户离开页面时，您可以使用 onunload 事件，但同样，您无法重定向它们（您可以进行 AJAX 调用，但无法重定向浏览器）。

$(window).bind('unload', function(){
  console.log('bye'); // Some browsers may block this.
                      // Chrome blocks alerts in this event.
});

Answer 2

检查这个示例，它可能会帮助您使用

function setConfirmUnload(on){
   window.onbeforeunload = (on) ? unloadMessage : null;
}

function unloadMessage(){
   return "Are you sure you want to leave this page";
}

setConfirmUnload(true) 来启用确认，如果您想让他们在没有警告的情况下关闭屏幕（例如，如果您有关闭按钮），则为 false。

您也可以尝试这个（链接：http://api.jquery.com/unload/）

$(window).unload(function(){
   alert("Bye now!");
}); 

Answer 3

您需要将处理程序绑定到 onBEFOREunload 事件，因为 onunload 事件无法实现您想要的任何功能（为时已晚）。

var myFunction = function () {
    return "Are you sure you want to leave the page?";
};

window.onbeforeunload = myFunction;

据我所知，由于确认框是由浏览器处理的，因此无法对用户输入做出反应。