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()">

Provalo personalmente

Sintassi

In HTML:

<elemento onbeforeunload="myScript">

Provalo personalmente

In JavaScript:

oggetto.onbeforeunload = function(){myScript};

Provalo personalmente

In JavaScript, utilizzare il metodo addEventListener():

oggetto.addEventListener("beforeunload", myScript);

Provalo personalmente

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