cordova 物理返回键

学习 cordova 物理返回键的使用

原始核心代码如下:

.run(function ($ionicPlatform, $rootScope, $http, $ionicPickerI18n, $location, $timeout, $cordovaToast, $ionicHistory) {
    $ionicPlatform.ready(function () {
        if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) {
            cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
            cordova.plugins.Keyboard.disableScroll(true);
        }
        if (window.StatusBar) {
            StatusBar.styleLightContent();
        }

        $ionicPlatform.registerBackButtonAction(function (e) {
            e.preventDefault();
            function showConfirm() {
                if ($rootScope.backButtonPressedOnceToExit) {
                    ionic.Platform.exitApp();
                } else {
                    $rootScope.backButtonPressedOnceToExit = true;
                    $cordovaToast.showShortBottom('再按一次退出系统');
                    $timeout(function () {
                        $rootScope.backButtonPressedOnceToExit = false;
                    }, 2000);
                }
            }
            if ($location.path() == '/logintab/login' || $location.path() == '/home') {
                showConfirm();
            } else if ($ionicHistory.backView()) {
                $ionicHistory.goBack();
            } else {
                showConfirm();
            }
            return false;
        }, 101);
    })
})

registerBackButtonAction方法(注册硬件后退按钮动作)
registerBackButtonAction方法参考来源

调用格式

  • registerBackButtonAction(callback, priority, [actionId])

参数 类型 说明

  • callback function 当点击返回按钮时触发,如果该监视器具有最高的优先级
  • priority number 仅最高优先级的会执行
  • actionId(可空) * 该id指定这个动作 默认: 一个随机且唯一的id

后退按钮的优先执行顺序:

  • 返回到上一个视图 = 100
  • 关闭侧边菜单 = 150
  • 关闭模版modal = 200
  • 关闭上拉菜单action sheet = 300
  • 关闭对话框popup = 400
  • 关闭加载框loading = 500

注意:返回: function一个被触发的函数,将会注销 backButtonAction。
如果我们不想注册返回按钮影响所有页面,就要将返回函数再调用。

例如:如果一个上拉菜单已经显示,后退按钮应该关闭上拉菜单,而不是返回一个页面视图或关闭一个打开的模型。
所以我们要实现“再按一次退出app”的功能,可以将优先级priority设为101。


$location.path
本例中使用$location获取路径(参数).。

常用$location方法

以 'http://172.16.0.88:8100/#/homePage?id=10&a=100' 路径为例

'1.获取当前完整的 url 路径'  
var absurl = $location.absUrl();  
//http://172.16.0.88:8100/#/homePage?id=10&a=100  
  
'2. 获取当前url路径(当前 url # 后面的内容,包括参数和哈希值):'  
 var url = $location.url();  
 // 结果:/homePage?id=10&a=100  
   
'3. 获取当前url的子路径(也就是当前 url # 后面的内容,不包括参数)'  
var pathUrl = $location.path()  
//结果:/homePage  
  
'4.获取当前url的协议(比如http,https)'  
var protocol = $location.protocol();  
//结果:http  
  
'5.获取主机名'  
var localhost = $location.host();  
//结果:172.16.0.88  
  
'6.获取当前url的端口'  
var port = $location.port();  
//结果:8100  
  
'7.获取当前url的哈希值'  
var hash = $location.hash()  
//结果:http://172.16.088  
   
'8.获取当前url的参数的序列化json对象'  
 var search = $location.search();  
 //结果:{id: "10", a: "100"}  
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,115评论 19 139
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,670评论 0 17
  • 1.ios高性能编程 (1).内层 最小的内层平均值和峰值(2).耗电量 高效的算法和数据结构(3).初始化时...
    欧辰_OSR阅读 29,698评论 8 265
  • 早上是被自己的梦惊醒的。 梦里,自己正在炒菜。煤气管给烧起来了,不知自己怎么就没发现?当我发现的时候,火已经烧到煤...
    饶超阅读 115评论 2 0
  • 一个人一座城
    清美之音阅读 163评论 0 0