zoukankan      html  css  js  c++  java
  • 使用ionic开发时用遇到监听手机返回按钮的问题~

    当时用的是ionic开发一个app,需求是,当按下手机的返回按钮,在指定的页面双击退出,而在其他页面点击一次返回到上个页面;

    其实用ionic自带的服务就可以解决:

     //双击退出 
     $ionicPlatform.registerBackButtonAction(function (e) {
      //判断处于哪个页面时双击退出 
      if($location.path() =='/message' || $location.path() =='/work' || $location.path() =='/mine' || $location.path()=='/login'){
       if ($rootScope.backButtonPressedOnceToExit) {
        $rootScope.disconnect();
        ionic.Platform.exitApp();
       } else {
        $rootScope.backButtonPressedOnceToExit = true;
        $CommonFactory.showToast('再按一次退出程序',"short","bottom");
        $timeout(
         function () {
          $rootScope.backButtonPressedOnceToExit = false;
        }, 2000);
       }
      }else{
       $CommonFactory.topBack();
      }
      e.preventDefault();
      return false;  
     }, 101);

    但是,我用了hbuider的编辑器,可以一边调试一边在手机上看,所有就出现了不能够返回退出;

    在Hbuider中也可以实现监听手机返回键:

    document.addEventListener("plusready", function(e) {                
          plus.key.addEventListener('backbutton', function(e) {    
               plus.nativeUI.confirm("退出程序?", function(event) {
                   if (event.index) {
                        plus.runtime.quit();
                       }
                }, null, ["取消", "确定"]);  
           }, false);
     });

    因为ionic是基于PhoneGap的编译平台,所以使用Hbuilder调试时没有效果;

    使用ionic打包之后应该会没问题了把!

  • 相关阅读:
    使用snmp+mrtg监控CPU、流量、磁盘空间、内存
    ISO20000
    nginx入门篇----nginx服务器基础配置
    oracle数据库备份和还原
    oracle创建删除用户和表空间
    Centos 6.5安装oracle 11g
    nginx入门篇----安装、部署、升级
    vue 高德地图 地图初始化显示接口返回的多个经纬度
    vue element UI el-table 单元格中超出字省略号显示
    vue + element ui 打印
  • 原文地址:https://www.cnblogs.com/liaolei1/p/7044739.html
Copyright © 2011-2022 走看看