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

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.
});