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打包之后应该会没问题了把!

  • 相关阅读:
    手机端不加载js文件,PC端要加载js文件
    JS数组去重和取重
    jquery遍历一个数组
    2个轮播地址
    动感Loading文字
    仿265网站LOGO,会盯着你看的眼睛
    git学习
    c++ primer 5th 笔记:第十一章
    c++ primer 5th 笔记:第十章
    c++ primer 5th 笔记:第九章
  • 原文地址:https://www.cnblogs.com/liaolei1/p/7044739.html
Copyright © 2011-2022 走看看