Exemple
Exécuter un script JavaScript lorsque la page est sur le point d'être déchargé:
<body onbeforeunload="return myFunction()"> Essayez vous - même » Définition et utilisation
L'événement onbeforeunload se produit lorsque le document est sur le point d'être déchargé.
Cet événement vous permet d'afficher un message dans une boîte de dialogue de confirmation pour informer l'utilisateur s'il / elle veut rester ou de quitter la page en cours.
Le message par défaut qui apparaît dans la zone de confirmation, est différente dans les différents navigateurs. Cependant, le message standard est quelque chose comme "Are you sure you want to leave this page?" - "Are you sure you want to leave this page?" de "Are you sure you want to leave this page?" . Ce message ne peut pas être supprimé.
Cependant, vous pouvez écrire un message personnalisé en même temps que le message par défaut. Voir le premier exemple sur cette page.
Remarque: Si l'événement onbeforeunload n'est pas affecté au <body> élément, vous devez attribuer / joindre l'événement sur l'objet de la fenêtre et utiliser la propriété returnValue pour créer un message personnalisé (see syntax examples below) les (see syntax examples below) - (see syntax examples below) .
Remarque: Dans Firefox, seul le message par défaut sera affiché (not the custom message (if any) le (not the custom message (if any) ).
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui soutient pleinement l'événement.
| un événement | |||||
|---|---|---|---|---|---|
| onbeforeunload | Oui | Oui | Oui | Oui | 15.0 |
Syntaxe
En HTML:
< Essayez vous - même » JavaScript:
object .onbeforeunload=function(){ Essayez vous - même » En JavaScript, en utilisant la addEventListener() méthode:
object .addEventListener("beforeunload", myScript );
Essayez vous - même » Note: Le addEventListener() méthode est pas prise en charge dans Internet Explorer 8 et les versions antérieures.
Détails techniques
| Bulles: | Non |
|---|---|
| cancelable: | Oui |
| Type d'événement: | un événement |
| Pris en charge les balises HTML: | <Body> |
| DOM Version: | Niveau 2 Événements |
<Object Event