.beforeunload работает только с обновлением

Question

Я пытаюсь предупредить пользователей перед тем, как перейти на другую страницу в приложении, если есть несохраненная информация. Я следую совету от several stackoverflows, чтобы использовать .beforeunload , но он работает только при обновлении страницы, а не при нажатии ссылки на другую страницу на сайте. Я не понимаю, как использовать beforeunload или мне нужен другой прослушиватель событий?

application.js

//= require forms.js 

forms.js

$(window).on('beforeunload', function() { 
    console.log('unloading') 
}); 

Answer 1

beforeunload событие работает так:

// Fires just before leaving/refreshing the page. Handler will 
    // be passed the event object and if a returnValue is set on the 
    // event, the browser will display a confirmation dialog with the 
    // returnValue message displayed. 
    window.addEventListener("beforeunload", function (evt) { 
     evt.returnValue = "Setting this to anything but an empty string, causes this to work!"; 
    }, false); 

См this Fiddle для примера.