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实现图片翻页效果
Dec 23 Javascript
jquery 取子节点及当前节点属性值的方法
Aug 24 Javascript
jQuery常用且重要方法汇总
Jul 13 Javascript
微信小程序 在Chrome浏览器上运行以及WebStorm的使用
Sep 27 Javascript
js中字符型和数值型数字的互相转化方法(必看)
Apr 25 Javascript
小程序tab页无法传递参数的方法
Aug 03 Javascript
微信小程序实现单列下拉菜单效果
Apr 25 Javascript
微信小程序实现图片翻转效果的实例代码
Sep 20 Javascript
详解JavaScript中精度失准问题及解决方法
Feb 04 Javascript
Jquery使用each函数实现遍历及数组处理
Jul 14 jQuery
原生js实现购物车
Sep 23 Javascript
vue-axios同时请求多个接口 等所有接口全部加载完成再处理操作
Nov 09 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
php注入实例
2006/10/09 PHP
php页面消耗内存过大的处理办法
2013/03/18 PHP
php输入流php://input使用浅析
2014/09/02 PHP
php 微信开发获取用户信息如何实现
2016/12/13 PHP
简单谈谈 php 文件锁
2017/02/19 PHP
拖动一个HTML元素
2006/12/22 Javascript
jquery ui resizable bug解决方法
2010/10/26 Javascript
function foo的原型与prototype属性解惑
2010/11/19 Javascript
jquery的ajax()函数传值中文乱码解决方法介绍
2012/11/08 Javascript
javascript实现图片轮播效果
2016/01/20 Javascript
详解javascript new的运行机制
2016/01/26 Javascript
JQuery核心函数是什么及使用方法介绍
2016/05/03 Javascript
详解JavaScript中基于原型prototype的继承特性
2016/05/05 Javascript
AngularJS延迟加载html template
2016/07/27 Javascript
vue子父组件通信的实现代码
2017/07/09 Javascript
vue父子组件的嵌套的示例代码
2017/09/08 Javascript
如何重置vue打印变量的显示方式
2017/12/06 Javascript
Vue Element使用icon图标教程详解(第三方)
2018/02/07 Javascript
VUE重点问题总结
2018/03/19 Javascript
获取layer.open弹出层的返回值方法
2018/08/20 Javascript
详解关于Vue单元测试的几个坑
2020/04/26 Javascript
Vue使用Three.js加载glTF模型的方法详解
2020/06/14 Javascript
JS如何调用WebAssembly编译出来的.wasm文件
2020/11/05 Javascript
[04:22]DSPL第二期精彩集锦:残血反杀!
2014/12/10 DOTA
python在windows下实现备份程序实例
2014/07/04 Python
Python端口扫描简单程序
2016/11/10 Python
numpy 声明空数组详解
2019/12/05 Python
python 两个一样的字符串用==结果为false问题的解决
2020/03/12 Python
简单了解Python字典copy与赋值的区别
2020/09/16 Python
python如何对链表操作
2020/10/10 Python
美国羊皮公司:Overland
2018/01/15 全球购物
澳大利亚排名第一的在线酒类商店:MyBottleShop
2018/04/26 全球购物
百度软件工程师职位
2013/02/14 面试题
员工考勤管理制度
2015/08/06 职场文书
2019年英语版感谢信(8篇)
2019/09/29 职场文书
用Python提取PDF表格的方法
2021/04/11 Python