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 asp.net 用json格式返回自定义对象
Apr 07 Javascript
兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
Apr 19 Javascript
JavaScript实现生成GUID(全局统一标识符)
Sep 05 Javascript
在Ubuntu系统上安装Node.JS的教程
Oct 15 Javascript
JavaScript的Backbone.js框架环境搭建及Hellow world示例
May 07 Javascript
codeMirror插件使用讲解
Jan 16 Javascript
jQuery上传多张图片带进度条样式(DEMO)
Mar 02 Javascript
Vue学习笔记进阶篇之多元素及多组件过渡
Jul 19 Javascript
jquery.uploadView 实现图片预览上传功能
Aug 10 jQuery
js滚轮事件 js自定义滚动条的实现
Jan 18 Javascript
JS如何定义用字符串拼接的变量
Jul 11 Javascript
vue中this.$http.post()跨域和请求参数丢失的解决
Apr 08 Vue.js
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实现的随机广告显示代码
2007/06/14 PHP
php图片处理函数获取类型及扩展名实例
2014/11/19 PHP
php技术实现加载字体并保存成图片
2015/07/27 PHP
详解PHP执行定时任务的实现思路
2015/12/21 PHP
广告显示判断
2006/08/31 Javascript
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
2008/03/22 Javascript
vue loadmore 组件滑动加载更多源码解析
2017/07/19 Javascript
浅谈Vue.js中的v-on(事件处理)
2017/09/05 Javascript
js 概率计算(简单版)
2017/09/12 Javascript
原生JS实现DOM加载完成马上执行JS代码的方法
2018/09/07 Javascript
小程序实现留言板
2018/11/02 Javascript
小程序绑定用户方案优化小结
2019/05/15 Javascript
Vuex,iView UI面包屑导航使用扩展详解
2019/11/04 Javascript
在vue中给后台接口传的值为数组的格式代码
2020/11/12 Javascript
原生JS实现拖拽功能
2020/12/16 Javascript
在Mac OS上搭建Python的开发环境
2015/12/24 Python
Python守护线程用法实例
2017/06/23 Python
Python+Django搭建自己的blog网站
2018/03/13 Python
Python抽象和自定义类定义与用法示例
2018/08/23 Python
python读取txt文件,去掉空格计算每行长度的方法
2018/12/20 Python
解决python给列表里添加字典时被最后一个覆盖的问题
2019/01/21 Python
python 实现让字典的value 成为列表
2019/12/16 Python
Boden美国官网:英伦原创时装品牌
2017/07/03 全球购物
高级3D打印市场:Gambody
2019/12/26 全球购物
判断单链表中是否存在环
2012/07/16 面试题
企业门卫岗位职责
2013/12/12 职场文书
生产车间班组长岗位职责
2014/01/06 职场文书
珍惜水资源建议书
2014/03/12 职场文书
平面设计专业大学生职业规划书
2014/03/12 职场文书
经典洗发水广告词
2014/03/13 职场文书
2016年党员承诺书范文
2016/03/24 职场文书
MySQL性能压力基准测试工具sysbench的使用简介
2021/04/21 MySQL
使用numpy nonzero 找出非0元素
2021/05/14 Python
前端JavaScript大管家 package.json
2021/11/02 Javascript
浅谈Vue的computed计算属性
2022/03/21 Vue.js
centos7安装mysql5.7经验记录
2022/05/02 Servers