Événement onpageshow

Événements DOM Événement PageTransitionEvent

Définition et utilisation

L'événement onpageshow se produit lorsque l'utilisateur navigue vers la page.

Événement onpageshow et Événement onloadDe manière similaire, la différence réside en ce que celui-ci se produit après l'événement onload lors du premier chargement de la page. De plus, l'événement onpageshow se produit à chaque chargement de la page, tandis que l'événement onload n'a pas lieu lors du chargement à partir du cache.

Pour déterminer si la page est directement chargée depuis le serveur ou mise en cache, vous pouvez utiliser l'objet PageTransitionEvent : Propriété persisted. Si la page est mise en cache par le navigateur, cette propriété retourne true, sinon false (voir les autres exemples ci-dessous).

Exemple

Exemple 1

Exécutez du JavaScript lorsque l'utilisateur navigue vers la page :

<body onpageshow="myFunction()">

Essayez-le vous-même

Exemple 2

Vérifiez si la page a été mise en cache par le navigateur :

function myFunction(event) { 
  alert(event.persisted);
}

Essayez-le vous-même

Syntaxe

Dans HTML :

<element onpageshow="myScript">

Essayez-le vous-même

En JavaScript :

object.onpageshow = function(){myScript};

Essayez-le vous-même

En JavaScript, utilisez la méthode addEventListener() :

object.addEventListener("pageshow", myScript);

Essayez-le vous-même

Remarque :Internet Explorer 8 et versions antérieures ne prennent pas en charge Méthode addEventListener().

Détails techniques

Bubbling : Non pris en charge
Annulable : Non pris en charge
Type d'événement : Événement PageTransitionEvent
Balises HTML prises en charge : <body>
Version DOM : Événements de niveau 3

Support du navigateur

Les numéros dans le tableau indiquent la version la plus ancienne du navigateur qui prend en charge cet événement.

Événement Chrome IE Firefox Safari Opera
onpageshow Support 11.0 Support 5.0 Support
Événements DOM Événement PageTransitionEvent