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

本文共计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一起使用实现双击返回键退出应用，单击返回键返回上层的功能。

$scope.listenbackbutton = function() { document.addEventListener("plusready", onPlusReady, false); function onPlusReady() { plus.key.addEventListener("backbutton", function() { if ($location.path() == '/tab/index') { if (plus.os.name == "Android") { $ionicLoading.show({ template: "再次点击返回键退出应用" }); $timeout(function() { $ionicLoading.hide(); plus.key.removeEventListener("backbutton", function() {}); return; }, 1000); plus.key.addEventListener("backbutton", function() { plus.runtime.quit(); }); } else { outSet("此平台不支持直接退出程序，请按Home键切换应用"); } } else { $ionicHistory.goBack(); } }); } }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易盾网络。