监听 HTML 导航事件答案

【问题标题】：Listening for HTML navigation events监听 HTML 导航事件
【发布时间】：2015-04-20 17:42:33
【问题描述】：

使用 DOM API 和/或 JQuery，有什么方法可以检测用户何时启动导航事件（例如，通过单击具有有效 href 的 a 元素），并将监听器绑定到它将在新的 HTML 页面被检索和呈现之前执行？

【问题讨论】：

【解决方案1】：

$(window).on("beforeunload", function() {
    // do stuff here
    return "You are leaving this page, are you sure?";
});

或者简单地说：

window.onbeforeunload = function(event) {
    // do stuff here
    return "You are leaving this page, are you sure?";
};

onbeforeunload 事件在文档即将被加载时发生已卸载。

此事件允许您在确认对话框中显示消息框通知用户他/她是想留下还是离开当前页面。

确认框中显示的默认消息不同在不同的浏览器中。但是，标准消息类似于 “你确定要离开这个页面吗？”。这条消息不能删除。

但是，您可以将自定义消息与默认消息一起编写信息。请参阅此页面上的第一个示例。

注意：如果 onbeforeunload 事件未分配给元素，您必须在窗口对象上分配/附加事件，并且使用 returnValue 属性创建自定义消息（请参阅语法下面的例子）。

注意：在 Firefox 中，只会显示默认消息（而不是自定义消息（如果有））。

来源：http://www.w3schools.com/jsref/event_onbeforeunload.asp

【讨论】：

【解决方案2】：

Javascript onunload() 函数是你要找的，这里是参考： http://www.w3schools.com/jsref/event_onunload.asp

【讨论】：