在瀏覽器窗口/標簽關閉時打開自定義彈出窗口

Question

我正在嘗試在瀏覽器窗口\/標簽關閉時打開一個自定義彈出窗口。

詳細地說，如果用戶單擊瀏覽器窗口\/選項卡關閉按鈕，則會出現一個帶有一些內容的自定義彈出窗口，或者可能有一些選項要求關閉或繼續頁面。

這是僅帶來默認警報彈出窗口的代碼：

window.onbeforeunload = function() {
              var message = 'Do you want to leave this page?';
              return message;
          }

Answer 1

 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text\/html; charset=UTF-8" \/> <script src="https:\/\/code.jquery.com\/jquery-3.3.1.min.js"><\/script> <title>K3logics.com<\/title> <script> var mouseX = 0; var mouseY = 0; var popupCounter = 0; document.addEventListener("mousemove", function(e) { mouseX = e.clientX; mouseY = e.clientY; document.getElementById("coordinates").innerHTML = "<br \/>X: " + e.clientX + "px<br \/>Y: " + e.clientY + "px"; }); $(document).mouseleave(function () { if (mouseY < 100) { if (popupCounter < 1) { alert("Please do not close the tab!"); } popupCounter ++; } }); <\/script> <\/head> <body> <div id="page-wrap"> <span id="coordinates"><\/span> <h1>Hi, Move your mouse cursor around then try to close the window of browser! - <a href="https:\/\/www.k3logics.com" target="_blank">https:\/\/www.k3logics.com<\/a><\/h1>

<\/body> <\/html><\/code><\/pre>

"

Answer 2

我也建議你不要這樣做，但是，你問了一個問題，應該得到一個答案。

更新 (2022)由於新的瀏覽器安全設置，此代碼不再有效。

 var popit = true; window.onbeforeunload = function() { if (popit == true) { popit = false; return "Are you sure you want to leave?"; } }

Answer 3

在此處輸入圖像描述 <\/a>

在 2019 年 10 月，可以在 Internet Explorer https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Window\/beforeunload_event<\/a>

"

Answer 4

window.onbeforeunload = function (e) 
{
    e = e || window.event;

        e.returnValue = 'You want to leave ? ';


};

jsFiddle

Answer 5

您正在談論的功能是 window.onbeforeunload 事件，不幸的是，可以自定義它的唯一方法是為用戶提供自定義字符串消息，因為濫用的可能性非常高。

在 msdn 上為 Internet Explorer 提供的 api 參考說明：

The default statement that appears in the dialog box, "Are you sure you want to navigate away from this page? ... Press OK to continue, or Cancel to stay on the current page.", cannot be removed or altered.

Answer 6

如果您願意使用 jQuery UI，那么您可以使用Dialog<\/strong><\/a> 。 簡單，看起來很有吸引力。

"

在瀏覽器窗口/標簽關閉時打開自定義彈出窗口

問題描述

6 個解決方案

解決方案1
8 2018-11-13 12:50:44

解決方案2
6 2013-10-09 04:42:47

解決方案3
2 2019-10-02 23:04:33

解決方案4
1 2013-10-09 06:41:07

解決方案5
0 2013-10-09 04:46:42

解決方案6
-7 2013-10-09 04:41:58

在瀏覽器窗口/標簽關閉時打開自定義彈出窗口

問題描述

6 個解決方案

解決方案1 8 2018-11-13 12:50:44

解決方案2 6 2013-10-09 04:42:47

解決方案3 2 2019-10-02 23:04:33

解決方案4 1 2013-10-09 06:41:07

解決方案5 0 2013-10-09 04:46:42

解決方案6 -7 2013-10-09 04:41:58

解決方案1
8 2018-11-13 12:50:44

解決方案2
6 2013-10-09 04:42:47

解決方案3
2 2019-10-02 23:04:33

解決方案4
1 2013-10-09 06:41:07

解決方案5
0 2013-10-09 04:46:42

解決方案6
-7 2013-10-09 04:41:58