Personalizza finestra di dialogo onbeforeunload

Question

Ho un evento onbeforeunload che apre una finestra di dialogo che avvisa gli utenti delle modifiche non salvate a un modulo quando si allontanano.

window.onbeforeunload = function() { 
    return 'You have unsaved changes.'; 
}; 

Come personalizzare la finestra di dialogo che appare in modo che sia un po 'più user-friendly. In questo momento è piuttosto ingombrante:

"Sei sicuro di voler navigare lontano da questa pagina

Hai modifiche non salvate

Premere OK per continuare o Annulla per rimanere nella pagina corrente?.. "

Ho notato che Stack Overflow ne ha uno molto più pulito: "Hai iniziato a scrivere o modificare un post", ei pulsanti dicono "Resta su questa pagina", "Abbandona questa pagina" invece di un "Annulla" generico e "OK". Come lo posso fare?

Sto usando jQuery, se è necessario per la soluzione.

Answer 1

I browser non consentono di personalizzare questa casella. L'unico motivo per cui apparirebbe diverso su SO è perché stavi utilizzando un browser diverso quando ti accedevi. Google Chrome utilizza i pulsanti con l'etichetta "Resta su questa pagina" e "Abbandona questa pagina". In base al testo di esempio che hai pubblicato, sembra che tu abbia testato il tuo gestore onbeforeunload utilizzando Internet Explorer.