Evento onbeforeunload
Definizione e uso
L'evento onbeforeunload si verifica quando il documento sta per essere chiuso.
Questo evento ti permette di mostrare un messaggio nel riquadro di conferma per notificare all'utente se desidera rimanere o lasciare la pagina corrente.
Il messaggio predefinito che appare nel riquadro di conferma è diverso in diversi browser. Tuttavia, il messaggio standard è simile a "Sei sicuro di voler lasciare questa pagina?" Questo messaggio non può essere eliminato.
Ma puoi scrivere il messaggio personalizzato insieme al messaggio predefinito. Vedi il primo esempio su questa pagina. Commento: si applica solo a Internet Explorer.
Commento:Se l'evento onbeforeunload non è assegnato all'elemento <body>, deve essere assegnato/aggiunto all'oggetto window e utilizzare l'attributo returnValue per creare un messaggio personalizzato (vedi esempio di sintassi di seguito).
Esempio
Eseguire JavaScript quando la pagina sta per essere chiusa:
<body onbeforeunload="return myFunction()">
Sintassi
In HTML:
<elemento onbeforeunload="myScript">
In JavaScript:
oggetto.onbeforeunload = function(){myScript};
In JavaScript, utilizzare il metodo addEventListener():
oggetto.addEventListener("beforeunload", myScript);
Commento:Internet Explorer 8 o versioni precedenti non supportano Metodo addEventListener()。
Dettagli tecnici
Bubble: | Non supportato |
---|---|
Cancellabile: | Supporto |
Tipo di evento: | Se generato dall'interfaccia utente,UiEventoAltrimenti Evento。 |
Etichette HTML supportate: | <body> |
Versione DOM: | Eventi livello 2 |
Supporto browser
I numeri nella tabella indicano la versione del browser che supporta completamente l'evento.
Eventi | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
onbeforeunload | Supporto | Supporto | Supporto | Supporto | 15.0 |