当有人单击浏览器上的关闭按钮时，是否可以打开屏幕中央的弹出框？

Question

当有人单击浏览器窗口的关闭按钮时，我想在浏览器中央显示一个折扣框。 我尝试了

  window.onbeforeunload = function (e) {

};

function formSubmit() {
  window.unbeforeunload = null; 
  }

功能，但会打开浏览器自己的对话框，我该如何自定义它？ 或者更好，我该如何打开自己的盒子？ 这样我就可以更改其位置和样式。

任何帮助将不胜感激，

谢谢，

Answer 1

onbeforeunload事件是窗口离开页面之前触发的唯一事件（除了onunload事件，但不要使用此事件）。 onbeforeunload事件是特殊的，因为它是唯一的事件，一旦用户尝试离开页面，该事件将自动被触发，但是如果用户单击“取消”，则可以选择保留在页面上。

因此，要直接回答您的问题，如果用户关闭窗口，单击后退按钮或导航到新的URL，则必须使用onbeforeunload事件。 您可以在弹出窗口中添加文本，但是某些默认文本将始终保留在该弹出窗口中。 您只需要返回一个字符串。

现在，如果用户单击属于应用程序一部分的链接或尝试注销，则可以将事件锚定到该事件，这可能会弹出一个带有“％折扣”框的窗口。 您无法将事件锚定到后退按钮，外部URL或关闭窗口按钮的原因是它们不属于您的应用程序。 因此，一旦他们单击其中之一，浏览器便会关闭，除了onbeforeunload事件外，您无能为力。