ionic+html5+API实现双击返回键退出应用


Posted in Javascript onSeptember 17, 2019

使用ionic+MUI联合开发app,鉴于ionic单方面实现的双击返回键过于复杂,所以想出了使用ionic与html5+API一起使用实现双击返回键退出应用,单击返回键返回上层的功能。

$scope.listenbackbutton = function() {
  document.addEventListener("plusready", onPlusReady, false);
    function onPlusReady() {
      plus.key.addEventListener("backbutton", function() {
        if ($location.path() == '/tab/index') {
          if (plus.os.name == "Android") {
            $ionicLoading.show({
              template: "再次点击返回键退出应用"
            });
              $timeout(function() {
              $ionicLoading.hide();
            plus.key.removeEventListener("backbutton", function() {});
              return;
              }, 1000);
            plus.key.addEventListener("backbutton", function() {
              plus.runtime.quit();
            });
        } else {
          outSet("此平台不支持直接退出程序,请按Home键切换应用");
          }
        } else {
          $ionicHistory.goBack();
      }
    });
  }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体
Jan 15 Javascript
JavaScript作用域与作用域链深入解析
Dec 06 Javascript
JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
Aug 16 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
May 19 Javascript
第十篇BootStrap轮播插件使用详解
Jun 21 Javascript
vue-resource 拦截器使用详解
Feb 21 Javascript
JS实现的简单拖拽功能示例
Mar 13 Javascript
swiper动态改变滑动内容的实现方法
Jan 17 Javascript
vue实现点击关注后及时更新列表功能
Jun 26 Javascript
angular学习之动态创建表单的方法
Dec 07 Javascript
JavaScript数组去重的几种方法
Apr 07 Javascript
vue前端框架—Mint UI详解(更适用于移动端)
Apr 30 Javascript
Vue的属性、方法、生命周期实例代码详解
Sep 17 #Javascript
小程序的上传文件接口的注意要点解析
Sep 17 #Javascript
微信小程序实现蒙版弹出窗功能
Sep 17 #Javascript
kafka调试中遇到Connection to node -1 could not be established. Broker may not be available.
Sep 17 #Javascript
ionic2.0双击返回键退出应用
Sep 17 #Javascript
三步实现ionic3点击退出app程序
Sep 17 #Javascript
ionic3双击返回退出应用的方法
Sep 17 #Javascript
You might like
神族 PROTOSS 概述
2020/03/14 星际争霸
php数组对百万数据进行排除重复数据的实现代码
2010/06/08 PHP
php调用dll的实例操作动画与代码分享
2012/08/14 PHP
解析PHP中的file_get_contents获取远程页面乱码的问题
2013/06/25 PHP
PHP实现仿Google分页效果的分页函数
2015/07/29 PHP
Zend Framework教程之视图组件Zend_View用法详解
2016/03/05 PHP
PHP二维数组去重算法
2016/12/17 PHP
WordPress免插件实现面包屑导航的示例代码
2020/08/20 PHP
一个无限级XML绑定跨框架菜单(For IE)
2007/01/27 Javascript
基于jquery库的tab新形式使用
2012/11/16 Javascript
js delete 用法(删除对象属性及变量)
2014/08/24 Javascript
layer弹出层中H5播放器全屏出错的解决方法
2017/02/21 Javascript
微信小程序封装http访问网络库实例代码
2017/05/24 Javascript
AngularJs+Bootstrap实现漂亮的计算器
2017/08/10 Javascript
vue 之 .sync 修饰符示例详解
2018/04/21 Javascript
vue-cli 使用axios的操作方法及整合axios的多种方法
2018/09/12 Javascript
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
2018/12/05 Javascript
最简单的JS实现json转csv的方法
2019/01/10 Javascript
vue微信分享插件使用方法详解
2020/02/18 Javascript
JavaScript实现图片合成下载的示例
2020/11/19 Javascript
Python实现代码统计工具(终极篇)
2016/07/04 Python
Python实现Linux中的du命令
2017/06/12 Python
python 实现批量xls文件转csv文件的方法
2018/10/23 Python
python中比较两个列表的实例方法
2019/07/04 Python
django写用户登录判定并跳转制定页面的实例
2019/08/21 Python
HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍
2013/01/30 HTML / CSS
amazeui树节点自动展开折叠面板并选中第一个树节点的实现
2020/08/24 HTML / CSS
创立科技Java面试题
2015/11/29 面试题
网络教育自我鉴定
2013/11/01 职场文书
创建无烟单位实施方案
2014/03/29 职场文书
民事赔偿协议书
2014/11/02 职场文书
宾馆前台接待岗位职责
2015/04/02 职场文书
2015年小学财务工作总结
2015/07/20 职场文书
2016年万圣节活动个人总结
2016/04/05 职场文书
Django drf请求模块源码解析
2021/06/08 Python
新的CSS 伪类函数 :is() 和 :where()示例详解
2022/08/05 HTML / CSS