JS-скрипт для подтверждения закрытия страницы

[elhouse]

Очень важно чтобы в процессе создания сообщения пользователь случайно не закрыл страницу или не перешел на другую страницу. Большой риск потерять всю созданную информацию.

Существует JS-скрипт, который может предотвратить эти нежелательные действия. Например, он используется на Яндекс.Маркете. Смысл его работы заключается в том, что при попытке закрыть окно или вкладку браузера, появляется стандартное всплывающее окно с 2 кнопками «закрыть окно» и «остаться на странице».

Вставляем этот код в posting_layout.html и posting_pm_layout.html и радуемся жизни.

Код: Выделить всё

<script type="text/javascript">
function Unloader(){
    var o = this;
    this.unload = function(evt){
        var message = "Вы действительно хотите уйти со страницы?";
        if (typeof evt == "undefined") {
            evt = window.event;
        }
        if (evt) {
            evt.returnValue = message;
        }
        return message;
    }
 
    this.resetUnload = function()
    {
        $(window).off('beforeunload', o.unload);
 
         setTimeout(function(){
            $(window).on('beforeunload', o.unload);
        }, 1000);
    }
 
    this.init = function()
    {
        $(window).on('beforeunload', o.unload);
 
        $('a').on('click', o.resetUnload);
        $(document).on('submit', 'form', o.resetUnload);
      // F5 и Ctrl+F5, Enter
      $(document).on('keydown', function(event){
       if((event.ctrlKey && event.keyCode == 116) || event.keyCode == 116 || event.keyCode == 13){
       o.resetUnload();
       }
             });   
    }
    this.init();
}
 
$(function(){
    if(typeof window.obUnloader != 'object')
    {
        window.obUnloader = new Unloader();
    }
})
</script>