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 防止表单重复提交代码
Jan 21 Javascript
Jquery知识点三 jquery表单对象操作
Jan 17 Javascript
js传参数受特殊字符影响错误的解决方法
Oct 21 Javascript
JS实现DIV容器赋值的方法
Dec 14 Javascript
js一维数组、多维数组和对象的混合使用方法
Apr 03 Javascript
使用PHP+JavaScript将HTML页面转换为图片的实例分享
Apr 18 Javascript
js和C# 时间日期格式转换的简单实例
May 28 Javascript
浅谈JavaScript 浏览器对象
Jun 03 Javascript
JavaScript之cookie技术详解
Nov 18 Javascript
微信小程序 跳转传参数与传对象详解及实例代码
Mar 14 Javascript
webstorm添加vue.js支持的方法教程
Jul 05 Javascript
小程序中使用css var变量(使js可以动态设置css样式属性)
Mar 31 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
xajax写的留言本
2006/11/25 PHP
smarty简单分页的实现方法
2014/10/27 PHP
高质量PHP代码的50个实用技巧必备(下)
2016/01/22 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
任意位置显示html菜单
2007/02/01 Javascript
js模拟弹出效果代码修正版
2008/08/07 Javascript
JavaScript格式化数字的函数代码
2010/11/30 Javascript
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
2013/01/24 Javascript
Javascript设置对象的ReadOnly属性(示例代码)
2013/12/25 Javascript
开发中可能会用到的jQuery小技巧
2014/03/07 Javascript
js的延迟执行问题分析
2014/06/23 Javascript
js实现鼠标悬停图片上时滚动文字说明的方法
2015/02/17 Javascript
Bootstrap表单布局
2016/07/19 Javascript
鼠标经过出现气泡框的简单实例
2017/03/17 Javascript
基于JavaScript中字符串的match与replace方法(详解)
2017/12/04 Javascript
基于nodejs实现微信支付功能
2017/12/20 NodeJs
layer.open的自适应及居中及子页面标题的修改方法
2019/09/05 Javascript
JS Web Flex弹性盒子模型代码实例
2020/03/10 Javascript
vue-router 按需加载 component: () => import() 报错的解决
2020/09/22 Javascript
Python实现Linux命令xxd -i功能
2016/03/06 Python
Python实现处理逆波兰表达式示例
2018/07/30 Python
用 Python 制作地球仪的方法
2020/04/24 Python
Python实现自动签到脚本的示例代码
2020/08/19 Python
Python全局变量与global关键字常见错误解决方案
2020/10/05 Python
Numpy中np.random.rand()和np.random.randn() 用法和区别详解
2020/10/23 Python
澳大利亚冒险体验:Adrenaline(跳伞、V8赛车、热气球等)
2017/09/18 全球购物
在线吉他课程,学习如何弹吉他:Fender Play
2019/02/28 全球购物
美国主要的特色咖啡和茶公司:Peet’s Coffee
2020/02/14 全球购物
英国领先的在线鱼贩:The Fish Society
2020/08/12 全球购物
银行行长竞聘演讲稿
2014/04/23 职场文书
在职党员进社区活动总结
2014/07/05 职场文书
应聘护士求职信
2014/07/21 职场文书
组工干部演讲稿
2014/09/02 职场文书
2015年社区国庆节活动总结
2015/07/30 职场文书
中秋节感想
2015/08/10 职场文书
导游词之台湾安平古堡
2019/12/25 职场文书