Comment fermer la page Web et afficher l'invite de congé en js (tutoriel détaillé)-js tutoriel-php.cn

Cet article vous apporte principalement une fonction JS pratique. C'est une petite fonction qui surveille le navigateur et vous demande si vous devez le quitter lorsqu'il est fermé. Les amis qui en ont besoin peuvent l'apprendre.

Voyez-vous souvent une boîte de dialogue vous demandant de confirmer s'il faut quitter la page actuelle lors de la fermeture d'une page Web ? Pensez à certains systèmes de test en ligne, systèmes de saisie d'informations, etc., qui comportent souvent ces invites pour empêcher les utilisateurs de fermer intentionnellement ou non la page, entraînant une perte de données. Le processus d'implémentation ici est très simple, utilisant les méthodes onunload et onbeforeunload dans l'événement HTML DOM.

attribut d'événement de déchargement

Définition : Exécuter un morceau de JavaScript lorsque l'utilisateur décharge le document, par exemple :

// body
<body onunload="goodbye()">
//window
window.onbeforeunload=function(e){     
　　var e = window.event||e;  
　　e.returnValue=("确定离开当前页面吗？");
}

Copier après la connexion

Utilisation : Lorsque l'utilisateur quitte la page, l'événement de déchargement se produira. Remarque : Si vous rechargez la page, l'événement unload (ainsi que l'événement onload) sera également déclenché.

Déclenché par :

Lorsque vous fermez la fenêtre du navigateur et accédez à d'autres pages via la barre d'adresse ou les favoris, cliquez sur Retour, Suivant, Actualiser. Lorsque vous cliquez sur l'une des pages d'accueil, cliquez sur. un lien URL pour accéder à d'autres pages. Lorsque l'un des événements suivants est appelé : clic, écriture de document, ouverture de document, fermeture de document, fermeture de fenêtre, navigation dans la fenêtre, navigation dans la fenêtre, remplacement d'emplacement, rechargement d'emplacement, soumission de formulaire lors de l'utilisation de la fenêtre. open pour ouvrir une page, et mettez ceci Lorsque le nom de la fenêtre de la page est transmis à la page à ouvrir. Lors de la réaffectation de la valeur de location.href. Lors de la soumission d'un formulaire avec une action spécifiée via le bouton input type="submit". Attribut d'événement onbeforeunload

définition : exécutez JavaScript lorsque vous êtes sur le point de quitter la page en cours (actualiser ou fermer), par exemple :

//body
<body onbeforeunload="goodbye()">
//window
window.onbeforeunload=function(e){     
　　var e = window.event||e;  
　　e.returnValue=("确定离开当前页面吗？");
}

Copier après la connexion

Utilisation : l'événement onbeforeunload est sur le point de quitter la page actuelle page (actualisation ou fermeture) déclenchée quand. Cet événement peut être utilisé pour faire apparaître une boîte de dialogue pour demander à l'utilisateur s'il doit continuer à parcourir la page ou quitter la page en cours. Le message d'invite par défaut de la boîte de dialogue varie selon les différents navigateurs. Le message standard est similaire à « Êtes-vous sûr de vouloir quitter cette page ? ». Ces informations ne peuvent pas être supprimées. Mais vous pouvez personnaliser certaines invites de message à afficher dans la boîte de dialogue avec les informations standard. Remarque : Dans le navigateur Firefox, seules les informations de rappel par défaut sont affichées (les informations personnalisées ne sont pas affichées).

Déclenché par :

Fermer la fenêtre du navigateur Lorsque vous accédez à d'autres pages via la barre d'adresse ou les favoris En cliquant sur Retour, Suivant, Actualiser ou sur la page d'accueil Lorsque vous cliquez sur un lien URL vers d'autres pages Lorsque appeler l'un des événements suivants : clic, écriture de document, ouverture de document, fermeture de document, fermeture de fenêtre, navigation dans la fenêtre, fenêtre NavigateAndFind, remplacement d'emplacement, rechargement d'emplacement, soumission de formulaire lors de l'utilisation de l'ouverture de fenêtre pour ouvrir une page, et mettre ceci lorsque le. le nom de la fenêtre de la page est transmis à la page à ouvrir. Lors de la réaffectation de la valeur de location.href. Lors de la soumission d'un formulaire avec une action spécifiée via le bouton input type="submit".

Prise en charge du navigateur

Actuellement, les navigateurs grand public prennent en charge ces deux attributs d'événement