Dostosowywanie okna dialogowego onbeforeunload

Question

Mam działanie zdarzenia onbeforeunload, które wyświetla okno dialogowe ostrzegające użytkowników o niezapisanych zmianach w formularzu podczas nawigacji.

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

Jak dostosować wyświetlane okno dialogowe, aby było bardziej przyjazne dla użytkownika. Teraz to raczej nieporęczny:

„Czy na pewno chcesz opuścić tę stronę

Masz niezapisane zmiany

Naciśnij przycisk OK, aby kontynuować, lub przycisk Anuluj, aby pozostać na obecnej stronie?.. "

Zauważam, że Stack Overflow ma taką, która jest znacznie czystsza: "Zacząłeś pisać lub edytować post", a przyciski mówią "Pozostań na tej stronie", "Opuść tę stronę" zamiast zwykłego "Anuluj" i "OK". Jak mogę to zrobić?

Używam jQuery, jeśli jest to konieczne do rozwiązania.

Answer 1

Przeglądarki nie pozwalają w pełni dostosować tego pola. Jedynym powodem, dla którego wyglądałoby inaczej na SO, jest to, że korzystałeś z innej przeglądarki, gdy uzyskiwałeś do niego dostęp. Google Chrome używa przycisków oznaczonych jako "Pozostań na tej stronie" i "Opuść tę stronę". Na podstawie opublikowanego tekstu przykładowego wygląda to tak, jakbyś przetestował swój program obsługi onbeforeunload przy użyciu przeglądarki Internet Explorer.