Javascript / Angular-使用移动设备上的后退按钮阻止默认操作

时间:2018-11-10 21:19:23

标签: javascript angular angular-components pushstate

我创建了一个角度为7的组件,这是一种全屏模式。问题是,当您在移动设备上打开此模式...时,您认为您正在更改页面...,然后按返回按钮(移动)返回。所以...您无故更改页面。我只想按返回按钮即可关闭模态。我设法捕获了后退按钮事件,但是我不能阻止更改页面的默认操作

@HostListener('window:popstate', ['$event'])
onPopState(event) {
   console.log('Back button pressed');
   // 1) Code to close my custon modal
   // 2) Prevent redirect
}

1 个答案:

答案 0 :(得分:0)

我找到了...

window.history.forward();