Comment fermer l'invite de la page actuelle en javascript

PHPz
Libérer: 2023-04-24 13:35:21
original
1351 Les gens l'ont consulté

Parfois, dans la production de sites Web, afin d'offrir aux utilisateurs une meilleure expérience, nous pouvons avoir besoin de demander certaines informations lorsque l'utilisateur ferme la page pour lui permettre de confirmer s'il souhaite réellement fermer la page. JavaScript peut facilement répondre à cette exigence.

Tout d'abord, nous devons préciser que la fermeture de la fenêtre du navigateur est un comportement du système d'exploitation de l'utilisateur. Si l'utilisateur souhaite fermer la fenêtre directement, nous ne pouvons pas l'empêcher, mais nous pouvons lui demander s'il doit fermer la fenêtre. page et laissez l’utilisateur prendre une décision.

Utilisez l'événement window.onbeforeunload de JavaScript pour détecter si l'utilisateur ferme la page. Cet événement sera déclenché lorsque l'utilisateur tentera de fermer la fenêtre, moment auquel nous pourrons demander à l'utilisateur des informations dans la fenêtre contextuelle.

Par exemple, lorsque l'utilisateur souhaite fermer la page, une boîte de dialogue apparaît avec un message : "Êtes-vous sûr de vouloir fermer la page ?". Si l'utilisateur clique sur OK, la page sera fermée. Si l'utilisateur clique sur Annuler, la page ne se ferme pas. Voici le code JavaScript qui implémente cette fonctionnalité :

window.onbeforeunload = function() {
  return "确定要关闭页面吗?";
}
Copier après la connexion

Ici, nous définissons un gestionnaire d'événements appelé window.onbeforeunload. Le gestionnaire d'événements a renvoyé une chaîne : "Êtes-vous sûr de vouloir fermer la page ?". Lorsque cet événement se déclenche, le navigateur affiche la chaîne dans une boîte contextuelle.

Lors de l'utilisation de cette méthode, nous devons faire attention aux points suivants :

  1. Cette méthode ne sera déclenchée que lorsque l'utilisateur tentera de fermer la fenêtre. Si l'utilisateur ferme directement le navigateur, cette méthode ne sera pas déclenchée.
  2. Cette méthode peut se comporter différemment selon les navigateurs. Par exemple, dans le navigateur Chrome, cette méthode est également déclenchée si l'utilisateur tente d'actualiser la page. Par conséquent, le code doit être ajusté de manière appropriée en fonction des différents navigateurs.
  3. Cette méthode peut affecter les performances du site Web. Cette méthode sera déclenchée à chaque fois que l'utilisateur fermera la page, et nous devons confirmer si cette fonctionnalité est réellement nécessaire.

En bref, utiliser JavaScript pour désactiver l'invite de la page actuelle est une technique très utile pour la production de sites Web. Nous pouvons utiliser cela pour améliorer l’expérience utilisateur et garantir que les utilisateurs sachent qu’ils ferment la page.

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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!