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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。