Resumo : neste tutorial, você aprenderá como usar o unloadevento JavaScript que é acionado quando o documento é totalmente descarregado.
Observe que você nunca deve usar o evento unload, é apenas para referência.
Introdução ao unloadevento JavaScript
O unloadevento é acionado quando um documento é completamente descarregado. Normalmente, o unloadevento é acionado quando você navega de uma página para outra.
O evento unload é disparado após:
- evento antes do descarregamento
- evento de ocultar página
Neste momento, o documento HTML está no seguinte estado:
- A IU não é visível para os usuários e não é eficaz.
- Todos os recursos como img, iframe, etc. ainda existem.
- Um erro não interromperá o fluxo de descarregamento.
Na prática, você nunca deve usar o unloadevento porque ele não é confiável em dispositivos móveis e causa problemas no bfcache .
Manipulando o evento de descarregamento do JavaScript
Para lidar com o unloadevento, você pode usar o addEventListener()método:
addEventListener('unload', (event) => {
console.log('The page is unloaded');
});Linguagem de código: JavaScript ( javascript )Ou atribua um manipulador de eventos à onunloadpropriedade do windowobjeto:
window.onunload = (event) => {
console.log('The page is unloaded');
};Linguagem de código: JavaScript ( javascript )Ou atribua um manipulador de eventos ao onunloadatributo do <body>elemento:
<!DOCTYPE html>
<html>
<head>
<title>JS unload Event Demo</title>
</head>
<body onunload="console.log('The page is unloaded')">
</body>
</html>Linguagem de código: HTML, XML ( xml )É uma boa prática usar o addEventListener()para registrar o manipulador de eventos unload.
Resumo
- JavaScript dispara o
unloadevento quando um documento é completamente descarregado. - Na prática, não use o
unloadevento.
