Интернет приобретает высокую популярность, как средство обмена информацией. Часто информация представляет большую ценность и вероятность её потери нужно свести к минимуму. Простой пример. Вы полчаса набивали важное письмо, а затем случайно нажали ссылку или закрыли вкладку и информация оказалась потеряна.

Современные сервисы (в том числе и почтовые) принимают определенные меры, чтобы такого не произошло. Например, можно сохранять письмо в черновик или пользоваться автосохранением. Также, с помощью JavaScript, можно дополнительно перестраховаться и выдавать пользователю диалог при попытке закрытия страницы. Например, если вы начали набирать письмо в почте Gmail, а потом пытаетесь закрыть вкладку, то увидите вот такой диалог (Firefox):

Научимся вызывать этот диалог. В реализации некоторых браузеров у объекта window есть событие beforeunload. Оно генерируется при попытке выгрузки текущего окна. Его стандартный обработчик и показывает этот диалог. К сожалению, не получится заменить это диалоговое окно собственным, однако, с помощью свойства returnValue можно изменить текст во второй строке предупреждения. Делается это так:

В результате, при попытке покинуть страницу увидим:

Замечания:

• Лучше воспользоваться функцией для добавления обработчиков событий.
• Событие beforeunload генерируется в Gecko и IE. В Опере и Сафари описанная фича не работает.
• При некоторых вариантах закрытия окна браузер может опустить диалог. Например, при нажатии Ctrl+W в IE7.
• Дополнение от veb и pepelsbey: В Safari это уже предусмотрено. После набития текста в любое поле, окно браузера без этого предупреждения уже не закрыть.