JQuery unload()用法及代碼示例

jQuery中的unload()方法用於在用戶嘗試離開當前網頁時執行卸載事件。當用戶更改頁麵的動態狀態(例如，用戶單擊鏈接離開頁麵，新的URL)時，可以觸發該事件。在地址欄等中鍵入。卸載方法應僅在窗口對象上使用。
它指定發生卸載事件時將發生的情況。

用法:

$(selector).unload(function)

參數此方法僅接受一個如下所述的必需參數：

Function:它是必需參數，用於指定觸發卸載事件時要運行的函數。

示例1：本示例描述了單擊鏈接時觸發的卸載事件。

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        jQuery unload() Method 
    </title> 
  
    <script src= 
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
    </script> 
</head> 
  
<body style="text-align:center;"> 
    <br/> 
    <br/> 
    <br/> 
    <h1 style="color:green;">    
        GeeksForGeeks    
    </h1> 
  
    <p>When you click 
      <a href="https://ide.geeksforgeeks.org"> 
        Go to geeks</a>, or close the window, 
      an alert box will be triggered.</p> 
  
    <!-- Script to illustrates unload() method -->
    <script> 
        $(document).ready(function() { 
            $(window).unload(function() { 
                alert("you are leaving from page"); 
            }); 
        }); 
    </script> 
</body> 
  
</html>

輸出：

單擊任何位置之前：
在點擊鏈接或嘗試離開頁麵後

示例2：本示例描述了單擊鏈接時觸發的卸載事件。

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        jQuery unload() Method 
    </title> 
  
    <script src= 
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
    </script> 
  
    <style> 
        h1 { 
            border: 1px solid black; 
            height: 100px; 
            padding-top: 35px; 
            background: green; 
            color: white; 
        } 
    </style> 
</head> 
  
<body style="text-align:center;"> 
  
    <h1>GeeksForGeeks</h1> 
  
    <!-- Script to illustrates unbind() method -->
    <script> 
        $(document).ready(function() { 
            $(window).unload(function() { 
                alert("you are leaving from page"); 
            }); 
        }); 
    </script> 
    <p>When you click <a href= 
    "https://ide.geeksforgeeks.org">GeeksForGeeks</a>, 
   or close the window, an alert box will be triggered.</p> 
  
</body> 
  
</html>

輸出：

單擊任何位置之前：
在點擊鏈接或嘗試離開頁麵後

注意：

與瀏覽器無關的卸載事件的工作。
在版本3.0中刪除了unload()方法。
jQuery 1.8中不推薦使用unload()方法。

相關用法

注：本文由純淨天空篩選整理自ashishsaini3大神的英文原創作品 jQuery | unload() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。