Ionic 实现双击返回键退出功能
本文转自http://ionichina.com/topic/5514b539b6421f9166aa5f88,非常感谢 zxj963577494的分享,为方便自己日后查阅,特记录。
一、准备 Toast插件 插件地址:cordova plugin add https://github.com/EddyVerbruggen/Toast-PhoneGap-Plugin.git 二:代码
.run(function($ionicPlatform, $rootScope, $location, $timeout, $ionicHistory, $cordovaToast){
$ionicPlatform.ready(function($rootScope){// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard// for form inputs)if(window.cordova && window.cordova.plugins.Keyboard){
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);}if(window.StatusBar){// org.apache.cordova.statusbar requiredStatusBar.styleDefault();}});//双击退出
$ionicPlatform.registerBackButtonAction(function(e){//判断处于哪个页面时双击退出if($location.path()=='/tab/news'){if($rootScope.backButtonPressedOnceToExit){
ionic.Platform.exitApp();}else{
$rootScope.backButtonPressedOnceToExit =true;
$cordovaToast.showShortTop('再按一次退出系统');
setTimeout(function(){
$rootScope.backButtonPressedOnceToExit =false;},2000);}}elseif($ionicHistory.backView()){
$ionicHistory.goBack();}else{
$rootScope.backButtonPressedOnceToExit =true;
$cordovaToast.showShortTop('再按一次退出系统');
setTimeout(function(){
$rootScope.backButtonPressedOnceToExit =false;},2000);}
e.preventDefault();returnfalse;},101);})
相关推荐
在本文中,我们将探讨如何在Ionic 2.0框架中实现双击返回键退出应用的功能。Ionic 2.0是一个基于Angular 2构建的移动应用开发框架,它引入了TypeScript和ES6的语法,相比1.0版本有显著的变化。以下是如何在 Ionic ...
本文的核心内容是如何在使用Ionic框架的应用中实现双击返回键退出应用的功能。由于单击返回键通常用于返回上一页面,而双击则用于实现退出应用的特殊功能,因此需要对浏览器的返回键行为进行监听并自定义相应的逻辑...
在Cordova(ionic)项目中实现双击返回键退出应用是一个在移动应用开发中经常会遇到的需求,特别是对于Android平台。用户在使用应用时,有时会期待通过双击返回键能够快速退出程序,然而在Cordova项目中,这一需求实现...
通过以上方法,我们可以有效地监听和处理 Ionic 3 应用中的手机物理返回键事件,同时优化导航回退功能。确保在不同的场景下(如子页面、弹出框、多层回退)提供一致且符合用户预期的导航体验。了解和掌握这些技巧...
### 实现双击返回退出应用的步骤: 1. **监听返回按钮事件**:首先,需要在应用的根组件中注册一个返回按钮的动作监听器。这通常在应用启动时完成,使用Platform类的registerBackButtonAction方法。 2. **实现双击...
7. ionic返回键退出App逻辑:在Ionic应用程序中,返回键的逻辑处理是非常重要的。开发者可以使用registerBackButtonAction方法来自定义返回键的行为,以便在首页时显示确认框,而不是直接返回上个路由。 8. 优先级...
标题中的“ionic应用-tab应用+返回键监听”指的是使用Ionic框架构建的一款应用,该应用采用了Tab导航模式,并且集成了返回键监听功能。Ionic是一款基于AngularJS和Apache Cordova的移动应用开发框架,它允许开发者...
在Ionic框架中,可以通过监听返回键事件来实现特定的功能,例如本文中提到的“再按一次退出”功能。这种功能在移动应用中很常见,目的是避免用户意外地通过按一下返回键就退出应用程序。 Ionic框架提供了`...
总的来说,实现“ionic电影购票系统登录注册功能”涉及了Ionic框架的多个核心概念,包括页面创建、表单处理、HTTP通信和导航。通过熟练掌握这些技术,开发者能够高效地构建出具有完整登录注册功能的移动应用。
在本文中,我们将深入探讨如何使用Ionic框架进行混合移动应用开发,特别关注如何实现双击图片后进行图片的放大和滑动预览功能。Ionic是一个流行的开源框架,它基于Angular,用于构建原生感观的跨平台移动应用。在...
在本文中,我们将深入探讨如何实现一个功能,即在Ionic 3框架中,当用户点击按钮或连续两次按下硬件返回键时退出应用程序。这个过程主要包括三个步骤,让我们逐一详细解析。 第一步是在`tabs.ts`文件中声明`tabs`...
在本文中,我们将深入探讨如何使用Ionic框架与Angular结合实现二维码扫描功能,并通过$jsonp将数据上传到服务器。首先,让我们了解这两个核心技术。 Ionic是一个开源的HTML5移动应用框架,它基于AngularJS和Apache ...
在使用Ionic框架开发移动应用时,为实现搜索功能调用键盘是一个常见需求。然而,在不同的操作系统中,调用搜索键盘可能会遇到一些兼容性问题,尤其在iOS平台上。本文将详细介绍如何使用JavaScript(JS)在Ionic中...
在本文中,我们将深入探讨如何使用Ionic框架来实现一个类似于微信的“摇一摇”功能。Ionic是一款基于Angular开发的开源移动应用框架,它允许开发者使用Web技术(HTML、CSS和JavaScript)构建原生的iOS、Android和PWA...