如何在瀏覽器選項卡上的關閉對話框事件中打開Jquery對話框

Question

我有一個特殊的要求，我需要在訪問者單擊取消瀏覽器選項卡后立即打開一個jquery對話框。實際上，此對話框將包含一些調查問題。 如果訪問者希望參與調查，可以單擊“對話框”中的“關閉”按鈕。否則，網站的“瀏覽器”選項卡應自動關閉。

我是jquery的新手，我嘗試從Web上獲得一些幫助，但沒有運氣。

如果我在這里得到建議，我將得救。 提前致謝..

這是我在答案后嘗試但未收到任何警告框的代碼。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     <script src="js/jquery-1.7.1.js" type="text/javascript"></script>

     <script type="text/javascript">
        $( window ).unload(function() {
            alert( "Bye now!" );
        });
    </script>
</head>
<body>

</body>

Answer 1

您可以在jQuery中使用unload事件，例如：

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

當用戶離開頁面導航時，發生卸載事件。

在以下情況下觸發卸載事件：

單擊離開頁面的鏈接，然后在地址欄中鍵入新URL，使用前進或后退按鈕關閉瀏覽器窗口，然后重新加載頁面。unload（）方法指定發生卸載事件時發生的情況。

unload（）方法只能在window對象上使用。

注意：卸載事件在不同的瀏覽器中可能會有所不同。 使用前，請確保在所有瀏覽器中測試此方法。

如果您希望僅用於關閉窗口而不用於鏈接導航的 jQuery卸載事件，請參考：僅用於關閉窗口而不用於鏈接導航的jQuery卸載事件

更新資料

請試試：

$(window).on('beforeunload ',function() {
    return 'Are you sure ?';
});

來源： window.onunload在Chrome瀏覽器中無法正常工作。 誰能幫我？

Answer 2

這是簡單的解決方案，請嘗試一次。

 <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script>


   <script type="text/javascript">
   var validNavigation = false;

    function wireUpEvents() {
    window.onbeforeunload = function() {
    if (!validNavigation) {
      return "Bye";
      }
  }
       $(document).keydown(function(e) {
  if (e.keyCode == 116){
    validNavigation = true;
   }
  });
  $("a").bind("click", function() {
   validNavigation = true;
    });

  $("form").bind("submit", function() {
    validNavigation = true;
   });

   $("input[type=submit]").bind("click", function() {
  validNavigation = true;
  });

   }
  $(document).ready(function() {
   wireUpEvents();  
  });

    </script>


 <body>

<h1>Hi Five</h1>

<a href="">hash</a>

如何在瀏覽器選項卡上的關閉對話框事件中打開Jquery對話框

問題描述

2 個解決方案

解決方案1
0 2014-06-12 06:29:06

解決方案2
0 2014-10-30 11:01:41

如何在瀏覽器選項卡上的關閉對話框事件中打開Jquery對話框

問題描述

2 個解決方案

解決方案1 0 2014-06-12 06:29:06

解決方案2 0 2014-10-30 11:01:41

解決方案1
0 2014-06-12 06:29:06

解決方案2
0 2014-10-30 11:01:41