首页 > 解决方案 > 当用户在 Angular 4 中刷新/重新加载页面时无法获得确认框

问题描述

我正在构建一个 Angular 4 应用程序,并且我想实现a confirm box仅在用户按下页面刷新或页面重新加载时才会显示的应用程序。确认框应该类似于这个

我使用了与此处相同的代码。在 jsfiddle 中,该功能运行良好,但在我的 Angular 应用程序中,它不起作用。如果我console.log在函数中放入任何内容,那么只要我刷新页面,我就可以在控制台中获取输出,但这不会阻止页面重新加载。

任何建议这里有什么问题!

标签: javascriptangulartypescriptwebbrowser-controlpage-refresh

解决方案


这是MDN所说的:

window.onbeforeunload = function(e) {
  var dialogText = 'Dialog text here';
  e.returnValue = dialogText;
  return dialogText;
};

returnValue除了return关键字之外,您还应该使用该属性。


推荐阅读