Evento onpagehide
Definição e uso
O evento onpagehide ocorre quando o usuário sai da página.
Existem várias maneiras de sair da página. Por exemplo, clicando em um link, recarregando a página, enviando um formulário, fechando a janela do navegador, etc.
Às vezes, o evento onpagehide é usado em vez de Evento onunload, pois o evento onunload pode impedir que a página seja armazenada no cache.
Para determinar se a página foi carregada diretamente do servidor ou do cache, você pode usar o objeto PageTransitionEvent: Propriedade persisted. Se a página for armazenada no cache do navegador, essa propriedade retorna true, caso contrário, retorna false (veja mais exemplos abaixo).
Exemplo
Execute JavaScript quando o usuário sair da página:
<body onpagehide="myFunction()">
Sintaxe
No HTML:
<elemento onpagehide="myScript">
No JavaScript:
objeto.onpagehide = function(){myScript};
No JavaScript, use o método addEventListener():
objeto.addEventListener("pagehide", myScript);
Notas:O Internet Explorer 8 ou versões anteriores não suportam Método addEventListener().
Detalhes técnicos
| Bubbling: | Não suportado |
|---|---|
| Cancelável: | Não suportado |
| Tipo de evento: | Evento PageTransitionEvent |
| Tags HTML suportadas: | <body> |
| Versão do DOM: | Eventos de Nível 3 |
Suporte do navegador
Os números na tabela indicam a primeira versão do navegador que suporta completamente esse evento.
| Evento | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| onpagehide | Suporte | 11.0 | Suporte | 5.0 | Suporte |
Notas:Devido às configurações do navegador diferentes, este evento pode não funcionar sempre conforme esperado.
