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 "确定要关闭页面吗?"; }
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 :
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!