Maison > interface Web > js tutoriel > le corps du texte

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

Susan Sarandon
Libérer: 2024-10-23 06:15:30
original
342 Les gens l'ont consulté

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!

source:php
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal