.beforeunload 仅适用于刷新

Question

如果有任何未保存的信息，我试图在用户转到应用内的另一个页面之前提醒他们。我正在听从several stackoverflows 的建议使用.beforeunload 但它仅在我刷新页面时才有效，而不是在我单击指向站点上另一个页面的链接时。我误解了如何使用 beforeunload 还是我需要另一个事件监听器？

应用程序.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。