Maison > interface Web > js tutoriel > L'événement « onload » se déclenche-t-il lorsque le bouton Retour est cliqué ?

L'événement « onload » se déclenche-t-il lorsque le bouton Retour est cliqué ?

DDD
Libérer: 2024-12-10 01:09:13
original
128 Les gens l'ont consulté

Does the `onload` Event Fire When the Back Button is Clicked?

L'événement Onload se déclenche-t-il lors du clic sur le bouton Précédent du navigateur ?

Lorsque vous ciblez les principaux navigateurs tels que Firefox, Opera, Safari et IE, l'événement onload en JavaScript ne se déclenche pas lorsqu'une page est chargée via le bouton de retour. Il ne se déclenche que lors du chargement initial de la page.

Atteindre la compatibilité entre navigateurs

Pour surmonter cette restriction et gérer les événements du bouton de retour dans tous les principaux navigateurs, une solution créative a été été découvert à l'aide de jQuery. En ajoutant un écouteur d'événement onunload vide au corps, Safari, Opera et Mozilla déclenchent par inadvertance un rechargement de page. Cette action imite la fonctionnalité de chargement souhaitée.

Voici un exemple de code simple :

<body onunload="">
  <script type="text/javascript">
    alert('first load / reload');
    window.onload = function(){alert('onload')};
  </script>
  <a href="http://stackoverflow.com">click me, then press the back button</a>
</body>
Copier après la connexion

En cliquant sur le lien et en appuyant sur le bouton de retour, vous observerez que les alertes JavaScript sont déclenchées, indiquant le rechargement de la page.

Considération

Gardez à l'esprit que cette solution de contournement peut potentiellement ralentir votre page pour les utilisateurs. Il est recommandé d'évaluer soigneusement si cette approche correspond réellement aux besoins de votre application.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal