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 相关文章推荐
广告代码静态化js通用函数
May 09 Javascript
eval与window.eval的差别分析
Mar 17 Javascript
javascript-简单的计算器实现步骤分解(附图)
May 30 Javascript
javascript制作的cookie封装及使用指南
Jan 02 Javascript
jQuery图片轮播滚动切换代码分享
Apr 20 Javascript
Bootstrap编写导航栏和登陆框
May 30 Javascript
详解有关easyUI的拖动操作中droppable,draggable用法例子
Jun 03 Javascript
JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果【附demo源码下载】
Aug 18 Javascript
利用JavaScript的%做隔行换色的实例
Nov 25 Javascript
angular的输入和输出的使用方法
Sep 22 Javascript
react MPA 多页配置详解
Oct 18 Javascript
vue 路由懒加载中给 Webpack Chunks 命名的方法
Apr 24 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中用date函数获取当前时间有误的解决办法
2013/08/02 PHP
百度实时推送api接口应用示例
2014/10/21 PHP
类之Prototype.js学习
2007/06/13 Javascript
Jquery替换已存在于element上的event的方法
2010/03/09 Javascript
让IE6支持min-width和max-width的方法
2010/06/25 Javascript
js中事件的处理与浏览器对象示例介绍
2013/11/29 Javascript
jQuery使用before()和after()在元素前后添加内容的方法
2015/03/26 Javascript
浅谈Jquery为元素绑定事件
2015/04/27 Javascript
jquery的幻灯片图片切换效果代码分享
2015/09/07 Javascript
使用JavaScript实现弹出层效果的简单实例
2016/05/31 Javascript
微信小程序 input表单与redio及下拉列表的使用实例
2017/09/20 Javascript
深入浅出webpack之externals的使用
2017/12/04 Javascript
(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看
2018/01/08 jQuery
jQuery模拟12306城市选择框功能简单实现方法示例
2018/08/13 jQuery
vue-router 手势滑动触发返回功能
2018/09/30 Javascript
Javascript三种字符串连接方式及性能比较
2019/05/28 Javascript
微信小程序实现语音识别转文字功能及遇到的坑
2019/08/02 Javascript
JS简单表单验证功能完整示例
2020/01/26 Javascript
vue项目里面引用svg文件并给svg里面的元素赋值
2020/08/17 Javascript
JS获取一个字符串中指定字符串第n次出现的位置
2021/02/10 Javascript
Python爬虫实例扒取2345天气预报
2018/03/04 Python
详解python3中tkinter知识点
2018/06/21 Python
python3 tkinter实现点击一个按钮跳出另一个窗口的方法
2019/06/13 Python
使用python获取(宜宾市地震信息)地震信息
2019/06/20 Python
Python实现制度转换(货币,温度,长度)
2019/07/14 Python
python logging模块书写日志以及日志分割详解
2019/07/22 Python
WiFi云数码相框:Nixplay
2018/07/05 全球购物
Discard Protocol抛弃协议的作用是什么
2015/10/10 面试题
银行求职信
2014/05/31 职场文书
关爱老人标语
2014/06/21 职场文书
四风问题原因分析及整改措施
2014/10/24 职场文书
升职自我推荐信范文
2015/03/25 职场文书
社区党支部承诺书
2015/04/29 职场文书
升职自荐书
2019/05/09 职场文书
Python实现滑雪小游戏
2021/09/25 Python
LeetCode189轮转数组python示例
2022/08/05 Python