Maison  >  Article  >  interface Web  >  Comment JavaScript peut-il être utilisé pour empêcher la navigation dans les pages ?

Comment JavaScript peut-il être utilisé pour empêcher la navigation dans les pages ?

Susan Sarandon
Susan Sarandonoriginal
2024-10-23 06:15:30351parcourir

How Can JavaScript be Used to Prevent Page Navigation?

Empêcher la navigation sur une page Web à l'aide de JavaScript

Lorsqu'un utilisateur tente de quitter une page Web, divers événements sont déclenchés dans le navigateur. Ces événements peuvent être utilisés à l'aide de JavaScript pour afficher des messages ou effectuer des actions avant que la navigation ne se produise.

Comment empêcher la navigation à l'aide de JavaScript :

Utilisation de l'événement onunload :

Bien que l'événement onunload permette d'afficher des messages, il ne peut pas interrompre la navigation car il est déclenché après le début du chargement de la page.

Utilisation de l'événement onbeforeunload :

L'événement onbeforeunload est déclenché avant que le navigateur ne quitte la page. Il vous permet d'interrompre la navigation avec une invite ou un message.

`window.onbeforeunload = function() {
return "";
}`;

Remarque : Un vide La chaîne est renvoyée ici car les navigateurs modernes affichent un message par défaut qui ne peut pas être remplacé.

Spécification d'un message dans les navigateurs plus anciens :

Dans les navigateurs plus anciens, vous pouvez spécifier le message à afficher dans l'invite à l'aide de l'événement onbeforeunload :

`window.onbeforeunload = function() {
return "Êtes-vous sûr de vouloir quitter ?";
}`;

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!

Déclaration:
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