El evento DOM onpagehide en HTML ocurre cuando el usuario sale de una página web. por ejemplo, cierre la ventana del navegador, haga clic en el enlace, actualice la página, etc.
La página no se almacenará en caché en el evento onunload , se usa el evento onpagehide en lugar del evento onunload .
Etiquetas admitidas
- <cuerpo>
Sintaxis:
- En HTML:
<element onpagehide="myScript">
- En JavaScript:
object.onpagehide = function(){myScript};
- En JavaScript, usando el método addEventListener():
object.addEventListener("pagehide", myScript);
Ejemplo 1: usando Javascript
html
<!DOCTYPE html>
<html>
<head>
<title>
DOM onpagehide event
</title>
</head>
<body>
<h1 id="hID"></h1>
<script>
document.getElementsByTagName(
"BODY")[0].onpagehide = function()
{GFGfun()};
function GFGfun() {
document.getElementById(
"hID").innerHTML = "Thank you!";
};
</script>
</body>
</html>
Ejemplo 2: Usar el método addEventListener()
html
<!DOCTYPE html>
<html>
<head>
<title>
DOM onpagehide event
</title>
</head>
<body>
<h1 id="hID"></h1>
<script>
window.addEventListener("pagehide", GFGfun);
function GFGfun() {
document.getElementById(
"hID").innerHTML = "Thank You";
}
</script>
</body>
</html>
Navegadores compatibles: los navegadores compatibles con DOM onpagehide Event se enumeran a continuación:
- Google Chrome
- Internet Explorer 11.0
- Firefox
- Apple Safari 5.0
- Ópera
Publicación traducida automáticamente
Artículo escrito por Vijay Sirra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA