如何通过ionic html5 API实现双击返回键安全退出应用程序？

更新于

2026-09-29 18:53:03

0阅读来源：SEO问题

本文共计224个文字，预计阅读时间需要1分钟。

使用Ionic和MUI联合开发App时，针对Ionic单方面实现的点击返回键过于复杂，因此想利用Ionic与HTML5 API结合，实现点击返回键退回上层功能。具体代码如下：

javascript$ scope.listenBackButton=function() { document.addEventListener('backbutton', function(e) { e.preventDefault(); $scope.goBack(); });};

$ scope.goBack=function() { // 实现退回上层功能};

使用ionic+MUI联合开发app，鉴于ionic单方面实现的双击返回键过于复杂，所以想出了使用ionic与html5+API一起使用实现双击返回键退出应用，单击返回键返回上层的功能。

本文共计224个文字，预计阅读时间需要1分钟。

javascript$ scope.listenBackButton=function() { document.addEventListener('backbutton', function(e) { e.preventDefault(); $scope.goBack(); });};

$ scope.goBack=function() { // 实现退回上层功能};