禁用后退按钮，刷新Angular 11中的webApp.这是保存当前页面所需的MCQ类型问题，仅限于moove prev

Question

如何使用angular 11阻止用户返回、刷新而不保存当前页面。非常感谢您的任何建议。

我尝试过以下脚本，但它没有禁用后退按钮、刷新和提交。

谢谢和问候。

history.push State(null，null，window.location.href(；

这个。Location.onPopState(((=>｛

history.pushState(null，null，window.location.href(；

this.steper.previous((；

Answer 1

您不能真正禁用浏览器的后退按钮，就像您不能阻止用户关闭窗口/选项卡并重新打开上一页一样。但是，在离开页面之前，您可以使用onbeforeunload事件：

window.addEventListener('beforeunload', (event) => {
if (thereAreChanges) {
event.returnValue = 'Please save your changes before leaving this page';
}
});