當有人單擊瀏覽器上的關閉按鈕時，是否可以打開屏幕中央的彈出框？

Question

當有人單擊瀏覽器窗口的關閉按鈕時，我想在瀏覽器中央顯示一個折扣框。 我嘗試了

  window.onbeforeunload = function (e) {

};

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

功能，但會打開瀏覽器自己的對話框，我該如何自定義它？ 或者更好，我該如何打開自己的盒子？ 這樣我就可以更改其位置和樣式。

任何幫助將不勝感激，

謝謝，

Answer 1

onbeforeunload事件是窗口離開頁面之前觸發的唯一事件（除了onunload事件，但不要使用此事件）。 onbeforeunload事件是特殊的，因為它是唯一的事件，一旦用戶嘗試離開頁面，該事件將自動被觸發，但是如果用戶單擊“取消”，則可以選擇保留在頁面上。

因此，要直接回答您的問題，如果用戶關閉窗口，單擊后退按鈕或導航到新的URL，則必須使用onbeforeunload事件。 您可以在彈出窗口中添加文本，但是某些默認文本將始終保留在該彈出窗口中。 您只需要返回一個字符串。

現在，如果用戶單擊屬於應用程序一部分的鏈接或嘗試注銷，則可以將事件錨定到該事件，這可能會彈出一個帶有“％折扣”框的窗口。 您無法將事件錨定到后退按鈕，外部URL或關閉窗口按鈕的原因是它們不屬於您的應用程序。 因此，一旦他們單擊其中之一，瀏覽器便會關閉，除了onbeforeunload事件外，您無能為力。