Question

使用DOM API和/或JQuery，有没有办法检测用户何时发起导航事件（例如通过点击具有有效a的{{1}}元素），并绑定是否会在检索和呈现新HTML页面之前执行它？

Answer 1

DEMO ：http://jsfiddle.net/se8osjsj/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事件   卸载。

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

确认框中显示的默认消息不同   在不同的浏览器。但是，标准消息是这样的   ＆＃34;您确定要离开此页吗？＆＃34;。这条消息不可能   除去。

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

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

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

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

Answer 2

Javascript onunload（）函数是你正在寻找的，这里是参考： http://www.w3schools.com/jsref/event_onunload.asp

收听HTML导航事件

2 个答案: