O evento onpageshow
Definição e uso
O evento onpageshow ocorre quando o usuário navega para a página.
O evento onpageshow e Evento onloadSimilar, a diferença é que ele ocorre após o evento onload da primeira carga da página. Além disso, o evento onpageshow ocorre sempre que a página é recarregada, enquanto o evento onload não ocorre ao carregar a página do 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 cacheada pelo navegador, essa propriedade retorna true, caso contrário, retorna false (veja mais exemplos abaixo).
Exemplo
Exemplo 1
Execute JavaScript ao navegar pelo usuário na página:
<body onpageshow="myFunction()">
Exemplo 2
Verifique se a página foi cacheada pelo navegador:
function myFunction(event) {
alert(event.persisted);
}
Sintaxe
No HTML:
<element onpageshow="myScript">
No JavaScript:
object.onpageshow = function(){myScript};
No JavaScript, use o método addEventListener():
object.addEventListener("pageshow", myScript);
Notas:Internet Explorer 8 ou versões anteriores não suportam Método addEventListener().
Detalhes técnicos
| Bubbling: | Não suportado |
|---|---|
| Cancellable: | Não suportado |
| Tipo de evento: | Evento PageTransitionEvent |
| Etiquetas 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 |
|---|---|---|---|---|---|
| onpageshow | Suporte | 11.0 | Suporte | 5.0 | Suporte |
