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

Question

我创建了一个 angular 7 的组件，这是一种全屏模式。问题是，当您在移动设备上打开此模式时……您认为您更改了页面……然后按下后退按钮（移动设备）返回。所以......你无缘无故地改变了页面。我只想通过按后退按钮关闭模式。我设法捕捉到后退按钮事件，但我无法阻止更改页面的默认操作

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

标签： javascriptangularangular-componentspushstate

Answer 1

我找到了...

window.history.forward();