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 相关文章推荐
几种设置表单元素中文本输入框不可编辑的方法总结
Nov 25 Javascript
javascript面向对象之对象的深入理解
Jan 13 Javascript
javascript中的正则表达式使用详解
Aug 30 Javascript
不得不分享的JavaScript常用方法函数集(下)
Dec 25 Javascript
基于HTML模板和JSON数据的JavaScript交互(移动端)
Apr 06 Javascript
layer实现弹窗提交信息
Dec 12 Javascript
Vuex和前端缓存的整合策略详解
May 09 Javascript
详解VUE单页应用骨架屏方案
Jan 17 Javascript
微信小程序的mpvue框架快速上手指南
May 15 Javascript
Angular8路由守卫原理和使用方法
Aug 29 Javascript
JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】
Jan 04 Javascript
vue项目实现多语言切换的思路
Sep 17 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获取随机数字和字母的方法详解
2013/06/06 PHP
浅谈PHP中的
2016/04/23 PHP
Yii的Srbac插件用法详解
2016/07/14 PHP
PHP 类与构造函数解析
2017/02/06 PHP
一些易混淆且不常用的属性,希望有用
2007/01/29 Javascript
javascript正则表达式参数/g与/i及/gi的使用指南
2014/08/27 Javascript
jquery中map函数遍历数组用法实例
2015/05/18 Javascript
Bootstrap前端开发案例二
2016/06/17 Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
2016/07/10 Javascript
JS/jQuery判断DOM节点是否存在的简单方法
2016/11/24 Javascript
利用JS轻松实现获取表单数据
2016/12/06 Javascript
Vue2.0实现将页面中表格数据导出excel的实例
2017/08/09 Javascript
使用命令行工具npm新创建一个vue项目的方法
2017/12/27 Javascript
vue.js中npm安装教程图解
2018/04/10 Javascript
vue微信分享出来的链接点开是首页问题的解决方法
2018/11/28 Javascript
详解vue-cli3多环境打包配置
2019/03/28 Javascript
JavaScript动态添加数据到表单并提交的几种方式
2019/06/26 Javascript
解决使用layui的时候form表单中的select等不能渲染的问题
2019/09/18 Javascript
jquery实现掷骰子小游戏
2019/10/24 jQuery
微信小程序关键字变色实现代码实例
2019/12/13 Javascript
element中table高度自适应的实现
2020/10/21 Javascript
Android应用开发中Action bar编写的入门教程
2016/02/26 Python
Python实现PS滤镜中马赛克效果示例
2018/01/20 Python
python3.6.3安装图文教程 TensorFlow安装配置方法
2020/06/24 Python
浅谈python3发送post请求参数为空的情况
2018/12/28 Python
python实现人工智能Ai抠图功能
2019/09/05 Python
基于Python实现简单学生管理系统
2020/07/24 Python
python性能测试工具locust的使用
2020/12/28 Python
总经理岗位职责描述
2014/02/08 职场文书
工商局副局长个人对照检查材料
2014/09/25 职场文书
交通安全横幅标语
2014/10/07 职场文书
民事二审代理词
2015/05/25 职场文书
煤矿安全生产管理协议书
2016/03/22 职场文书
Mysql关于数据库是否应该使用外键约束详解说明
2021/10/24 MySQL
nginx实现动静分离的方法示例
2021/11/07 Servers
JAVA springCloud项目搭建流程
2022/05/11 Java/Android