Evento onpagehide

Eventi DOM Evento PageTransitionEvent

Definizione e uso

L'evento onpagehide si verifica quando l'utente lascia la pagina.

Ci sono molti modi per lasciare una pagina. Ad esempio, cliccando su un link, ricaricando la pagina, inviando un modulo, chiudendo la finestra del browser, ecc.

A volte si utilizza l'evento onpagehide come sostituto Evento onunload, poiché l'evento onunload può causare che la pagina non venga cacheata.

Per determinare se la pagina viene caricata direttamente dal server o dalla cache, puoi utilizzare l'oggetto PageTransitionEvent: Proprietà persisted. Se la pagina viene cacheata dal browser, questa proprietà restituisce true, altrimenti restituisce false (vedi altri esempi di seguito).

Esempio

Esegui JavaScript quando l'utente lascia la pagina:

<body onpagehide="myFunction()">

Sintassi

In HTML:

<elemento onpagehide="myScript">

Prova tu stesso

In JavaScript:

oggetto.onpagehide = function(){myScript};

Prova tu stesso

In JavaScript, utilizzare il metodo addEventListener():

oggetto.addEventListener("pagehide", myScript);

Prova tu stesso

Nota:Internet Explorer 8 o versioni precedenti non supportano Metodo addEventListener().

Dettagli tecnici

Bubbling: Non supportato
Cancellable: Non supportato
Tipo di evento: Evento PageTransitionEvent
Tag HTML supportati: <body>
Versione DOM: Eventi di Livello 3

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'evento.

Evento Chrome IE Firefox Safari Opera
onpagehide Supporto 11.0 Supporto 5.0 Supporto

Nota:A causa delle diverse impostazioni del browser, questo evento potrebbe non funzionare sempre come previsto.

Eventi DOM Evento PageTransitionEvent