Comment puis-je détecter les rechargements et les actualisations de pages en JavaScript ?

Comment détecter les rechargements ou les actualisations de pages en JavaScript

Lorsque vous travaillez avec des applications Web, il est souvent nécessaire de suivre les interactions des utilisateurs telles que les rechargements de pages ou rafraîchit. La détection de ces événements peut déclencher des actions spécifiques ou afficher des informations pertinentes.

Solution

Pour déterminer si une page a été rechargée ou actualisée, vous pouvez exploiter les performances de la fenêtre JavaScript. propriété navigation.type. Cette propriété fournit des informations sur le type de navigation effectuée.

En utilisant cette propriété, vous pouvez écrire le code suivant pour vérifier les rechargements de page :

if (window.performance.navigation.type === performance.navigation.TYPE_RELOAD) {
  // Perform desired action, such as displaying an alert
} else {
  // Perform an alternate action, indicating the page was not reloaded
}

Dans le code ci-dessus, le if L'instruction vérifie si le type de navigation correspond à la valeur TYPE_RELOAD. Si c'est vrai, cela implique que la page a été rechargée, déclenchant l'action souhaitée. Si la condition est fausse, la page n'a pas été rechargée.

Remarque :

Sachez que window.performance.navigation.type est obsolète et ne doit pas être utilisé dans le nouveau code. Reportez-vous à la réponse fournie par Ilya Zelenko pour une alternative recommandée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!