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 相关文章推荐
dropdownlist之间的互相联动实现(显示与隐藏)
Nov 24 Javascript
jquery 锁定弹出层实现代码
Feb 23 Javascript
JavaScript性能优化 创建文档碎片(document.createDocumentFragment)
Jul 13 Javascript
jQuery实现鼠标移到元素上动态提示消息框效果
Oct 20 Javascript
js如何判断不同系统的浏览器类型
Oct 28 Javascript
textarea 控制输入字符字节数(示例代码)
Dec 27 Javascript
使用jquery菜单插件HoverTree仿京东无限级菜单
Dec 18 Javascript
JS实现点击颜色块切换指定区域背景颜色的方法
Feb 25 Javascript
微信小程序 配置顶部导航条标题颜色的实现方法
Sep 20 Javascript
jQuery中each方法的使用详解
Mar 18 jQuery
JavaScript callback回调函数用法实例分析
May 08 Javascript
Vue自定义弹窗指令的实现代码
Aug 13 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 array_flip() 删除重复数组元素专用函数
2010/05/16 PHP
PHP面向对象分析设计的61条军规小结
2010/07/17 PHP
几种有用的变型 PHP中循环语句的用法介绍
2012/01/30 PHP
thinkphp中ajax与php响应过程详解
2014/12/08 PHP
js常用函数 不错
2006/09/08 Javascript
Apply an AutoFormat to an Excel Spreadsheet
2007/06/12 Javascript
event.srcElement 用法笔记e.target
2009/12/18 Javascript
基于mootools插件实现遮罩层新手引导
2012/05/24 Javascript
无闪烁更新网页内容JS实现
2013/12/19 Javascript
导入extjs、jquery 文件时$使用冲突问题解决方法
2014/01/14 Javascript
JS在IE下缺少标识符的错误
2014/07/23 Javascript
jquery验证邮箱格式是否正确实例讲解
2015/11/16 Javascript
javascript实现列表切换效果
2016/05/02 Javascript
JS创建事件的三种方法(实例代码)
2016/05/12 Javascript
Ajax分页插件Pagination从前台jQuery到后端java总结
2016/07/22 Javascript
JavaScript中ES6字符串扩展方法
2016/08/26 Javascript
JavaScript简单下拉菜单特效
2016/09/13 Javascript
Vue.js教程之计算属性
2016/11/11 Javascript
ES6实现的遍历目录函数示例
2017/04/07 Javascript
node通过express搭建自己的服务器
2017/09/30 Javascript
nodeJs爬虫的技术点总结
2018/05/13 NodeJs
微信小程序支付前端源码
2018/08/29 Javascript
[54:41]2018DOTA2亚洲邀请赛3月30日 小组赛B组 VGJ.T VS paiN
2018/03/31 DOTA
Python中Continue语句的用法的举例详解
2015/05/14 Python
tensorflow实现简单逻辑回归
2018/09/07 Python
python3 unicode列表转换为中文的实例
2018/10/26 Python
Python2与Python3的区别详解
2020/02/09 Python
Pytorch框架实现mnist手写库识别(与tensorflow对比)
2020/07/20 Python
html5+CSS3+JS实现七夕言情功能代码
2017/08/28 HTML / CSS
详解如何获取localStorage最大存储大小的方法
2020/05/21 HTML / CSS
美国香薰蜡烛品牌:PADDYWAX
2018/10/06 全球购物
征兵宣传标语
2014/06/20 职场文书
2014年团队工作总结
2014/11/24 职场文书
公司周年庆典致辞
2015/07/30 职场文书
Python合并pdf文件的工具
2021/07/01 Python