如何在Ionic 3 PWA应用程序中禁用Android后退按钮

时间:2019-02-01 11:21:11

标签: ionic-framework ionic3 progressive-web-apps

我正在使用ionic 3和angular 6框架开发渐进式Web应用程序。 一切正常,但是当我按下浏览器后退按钮或移动后退按钮时,我的应用程序关闭。

我试图搜索操作方法,我可以使用Java脚本禁用浏览器后退按钮,但是在移动应用程序上它无法正常工作。

<script>
// window.onbeforeunload = function() { return "Your work will be lost."; 
};
  $ionicPlatform.registerBackButtonAction(function (event) {
       event.preventDefault();
      }, 100);

 </script>

我尝试注册后退按钮事件,但还有很多,但对我来说都没有用。

谁能遇到同样的问题,然后请告诉我如何解决。

谢谢, 达特里

1 个答案:

答案 0 :(得分:0)

您可以使用Ionic的平台覆盖Android上的物理后退按钮。 像这样将其添加到app.component.ts文件中:

import { Platform } from 'ionic-angular';

constructor(public plt: Platform) {}


platform.registerBackButtonAction(() => {
  //Add your code here     
},100);

Ionic Platform Service.