.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。