且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

如何检测用户是否单击Angularjs中的浏览器后退按钮

更新时间:2023-12-03 11:04:28

这是我之前对其他问题的回答,不过应该能帮到你

您可以使用 angular $routeChangeStart

You can do it by using angular $routeChangeStart

在路线更改之前广播.此时,路由服务开始解决发生路由更改所需的所有依赖项.通常这涉及获取视图模板以及在解析路由属性中定义的任何依赖项.一旦解决了所有依赖项,就会触发 $routeChangeSuccess.

Broadcasted before a route change. At this point the route services start resolving all of the dependencies needed for the route change to occur. Typically this involves fetching the view template as well as any dependencies defined in resolve route property. Once all of the dependencies are resolved $routeChangeSuccess is fired.

可以通过调用事件的 preventDefault 方法来阻止路由更改(以及触发它的 $location 更改).有关事件对象的更多详细信息,请参见 $rootScope.Scope.

The route change (and the $location change that triggered it) can be prevented by calling preventDefault method of the event. See $rootScope.Scope for more details about event object.

所以请试试下面的代码.

So please try this below code.

  $scope.$on('$routeChangeStart', function (scope, next, current) {
        if (next.$$route.controller != "Your Controller Name") {
            // Show here for your model, and do what you need**
            $("#yourModel").show();
        }
    });

更新:

您需要在模型弹出窗口中编写功能性工作.喜欢

Update:

You need to write your functional work in the model popup. like

添加一些链接按钮

  • 确定要转到上一页吗?
  • 您想保持当前页面吗?
  • 您要退出吗?等

然后为 go prev 页面添加 ng-click 事件,使用 return false 等保持当前页面.

then Add ng-click event for go prev page, stay current page with using return false, etc.