Ionic+phonegap 实现双击返回键退出功能

你懂的

ionic+phonegap 实现双击返回键退出功能代码以及插件下载

一、准备
Toast插件

插件地址：cordova plugin add https://github.com/EddyVerbruggen/Toast-PhoneGap-Plugin.git

二：代码

1. 
   
2. .run(function ($ionicPlatform, $rootScope, $location, $timeout, $ionicHistory, $cordovaToast) {
   
3.         $ionicPlatform.ready(function ($rootScope) {
   
4.             // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
   
5.             // for form inputs)
   
6.             if (window.cordova && window.cordova.plugins.Keyboard) {
   
7.                 cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
   
8.             }
   
9.             if (window.StatusBar) {
   
10.                 // org.apache.cordova.statusbar required
    
11.                 StatusBar.styleDefault();
    
12.             }
    
13.         });
    
14.         //双击退出
    
15.         $ionicPlatform.registerBackButtonAction(function (e) {
    
16.             //判断处于哪个页面时双击退出
    
17.             if ($location.path() == '/tab/news') {
    
18.                 if ($rootScope.backButtonPressedOnceToExit) {
    
19.                     ionic.Platform.exitApp();
    
20.                 } else {
    
21.                     $rootScope.backButtonPressedOnceToExit = true;
    
22.                     $cordovaToast.showShortTop('再按一次退出系统');
    
23.                     setTimeout(function () {
    
24.                         $rootScope.backButtonPressedOnceToExit = false;
    
25.                     }, 2000);
    
26.                 }
    
27.             }
    
28.             else if ($ionicHistory.backView()) {
    
29.                 $ionicHistory.goBack();
    
30.             } else {
    
31.                 $rootScope.backButtonPressedOnceToExit = true;
    
32.                 $cordovaToast.showShortTop('再按一次退出系统');
    
33.                 setTimeout(function () {
    
34.                     $rootScope.backButtonPressedOnceToExit = false;
    
35.                 }, 2000);
    
36.             }
    
37.             e.preventDefault();
    
38.             return false;
    
39.         }, 101);
    
40.     })

复制代码

epdcionic

出现图片上的错误，这个供应链没有

epdcionic

按着那网页上操作window.plugins.toast.showShortTop('更新成功');
出现Uncaught TypeError: Cannot read property 'toast' of undefined错误

epdcionic

额额，原来真机测试才有效果

幸福的雏

我在真机上测试，没有效果啊

幸福的雏

楼上都试过吗？我在真机上测试，点击返回按钮没有作用啊，没有任何提示！
感觉是  $ionicPlatform.registerBackButtonAction();这个事件注册不上。

dyf564985574

我的也不行 有解决办法吗

admin

幸福的雏 发表于 2015-10-14 14:42
楼上都试过吗？我在真机上测试，点击返回按钮没有作用啊，没有任何提示！
感觉是  $ionicPlatform.register ...

上面楼主发的好像真的不行
监听设备的返回事件试试，看看以前的jquerymobile上面的例子，看代码逻辑


http://bbs.phonegap100.com/thread-231-1-1.html

lao__fangzi

可行，copy了

cswisodmliu

http://www.ionic.ren/2015/11/30/ ... %E5%A4%84%E7%90%86/