El método unload() en jQuery se usa para realizar un evento de descarga cuando el usuario intenta navegar fuera de la página web actual. El evento puede activarse cuando el usuario cambia el estado dinámico de la página, por ejemplo, el usuario hace clic en el enlace para salir de la página, un nuevo La URL se escribe en la barra de direcciones, etc. El método de descarga solo debe usarse en el objeto de la ventana.
especifica lo que sucederá cuando ocurra un evento de descarga.
Sintaxis:
$(selector).unload(function)
Parámetros Este método acepta solo un parámetro obligatorio que se describe a continuación:
- Función: es un parámetro obligatorio que se utiliza para especificar la función que se ejecutará cuando se active el evento de descarga.
Ejemplo-1: Este ejemplo describe la activación del evento de descarga cuando hace clic en el enlace.
<!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>
Producción:
- Antes de hacer clic en cualquier lugar:
- Después de hacer clic en el enlace o intentar navegar fuera de la página
Ejemplo-2: Este ejemplo describe la activación del evento de descarga cuando hace clic en el enlace.
<!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>
Producción:
- Antes de hacer clic en cualquier lugar:
- Después de hacer clic en el enlace o intentar navegar fuera de la página
Nota:
- El funcionamiento del evento de descarga depende de los navegadores .
- El método unload() se eliminó en la versión 3.0 .
- El método unload() quedó obsoleto en la versión 1.8 de jQuery .
Publicación traducida automáticamente
Artículo escrito por ashishsaini3 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA