Question

我想为我的网站编写一个全局方法。

当页面跳转到另一个页面时，在重定向行为之前，在页面上显示一个等待掩码。

所以我想知道在重定向之前是否有某种方法来获取事件？

以下代码解释了我想做什么，但是没有用。

$(function() {
    $(document).on('before_redirect', function() {
        // show the waiting mask.
    });
});

答案不能那么整洁，我只想要 GLOBAL METHOD ，一旦这个javascript包含在内，就不需要写任何其他地方。

祈求好解决方案！

Answer 1

您想要的是beforeunload或unload事件。 JQuery还提供了unload简写方法（在1.8之后弃用）。不同的浏览器会不一致地处理这些事件，因此您需要对每个事件进行测试，并确保每个事件都可以接受。一般情况下，一旦您允许请求继续进行操作，您将失去对窗口的控制权，因此掩码可能会或可能不会按预期工作。

Answer 2

最简单的方法是将same class name放在redirecting elements上buttons，anchor tag，然后根据类编写代码。

<强> HTML

<a class="navigation" href="/nextpage"></a>
or
<button class="navigation"></button> //for this you need to put url onClick function

<强> JS

$(function() {
    $(document).on('click', '.navigation', function() {
        // show the waiting mask.
    });
});

如何在重定向之前触发回调？

2 个答案: