当前位置: 首页 > news >正文

Cordova + Vue 实现点击两次退出应用

注册事件

//注意在 deviceready 后使用,写在methods中
//点击返回按键
  onBackKeyDown() {
       this.$toast('再点击一次退出应用');
       document.removeEventListener("backbutton", this.onBackKeyDown, false); // 注销返回键
       document.addEventListener("backbutton", this.exitApp, false);//绑定退出事件
       setInterval(() => {
             document.addEventListener("backbutton", this.onBackKeyDown, false);
             document.removeEventListener("backbutton", this.exitApp, false);
           }, 3000)
        }
//关闭APP
 exitApp() {
         navigator.app.exitApp();
        },
复制代码

启动事件

  created() {
        document.addEventListener("backbutton", this.onBackKeyDown, false);
        this.refreshTask();
        this.refreshNotice();
    }
复制代码

销毁事件

 beforeDestroy() {
        document.removeEventListener("backbutton", this.onBackKeyDown, false); // 注销返回键
        document.removeEventListener("backbutton", this.exitApp, false);
    }
复制代码

如果页面使用了<keep-alive>标签,那么销毁事件的时机为页面离开之前。

    beforeRouteLeave(to, from, next) {
        document.removeEventListener("backbutton", this.onBackKeyDown, false); // 注销返回键
        document.removeEventListener("backbutton", this.exitApp, false);
        this.$indicator.close()
        next()
    }
复制代码

转载于:https://juejin.im/post/5c874d965188257e1b351c05

相关文章:

  • 解密敏捷自动化测试
  • JavaScript到底是面向对象还是基于对象?
  • JDBC的CRUD操作之PreparedStatement的保存操作
  • (译)计算距离、方位和更多经纬度之间的点
  • 4.11Python数据处理篇之Matplotlib系列(十一)---图例,网格,背景的设置
  • 苹果尝试转型手机可能不再是核心业务
  • selenium 之 Css Selector
  • 保守的国美再一次进击社交电商,前途未卜?
  • 自动化办公:python 操作Excel
  • 基于房源的画像分析
  • 防止视频资源被下载
  • 第一周 IP通信基础学习回顾
  • Electron系列文章-主进程与渲染进程
  • 刀塔自走棋上线不到十分钟就被功击,几十万玩家登录不上
  • java内存占用异常问题常见排查流程(含堆外内存异常)
  • JS 中的深拷贝与浅拷贝
  • 【Linux系统编程】快速查找errno错误码信息
  • 【跃迁之路】【733天】程序员高效学习方法论探索系列(实验阶段490-2019.2.23)...
  • 30秒的PHP代码片段(1)数组 - Array
  • Docker: 容器互访的三种方式
  • EventListener原理
  • Java IO学习笔记一
  • leetcode46 Permutation 排列组合
  • magento 货币换算
  • Mysql数据库的条件查询语句
  • PHP 小技巧
  • PHP的类修饰符与访问修饰符
  • PyCharm搭建GO开发环境(GO语言学习第1课)
  • Python打包系统简单入门
  • Redis学习笔记 - pipline(流水线、管道)
  • Web设计流程优化:网页效果图设计新思路
  • 短视频宝贝=慢?阿里巴巴工程师这样秒开短视频
  • 技术:超级实用的电脑小技巧
  • 面试题:给你个id,去拿到name,多叉树遍历
  • 前端每日实战:61# 视频演示如何用纯 CSS 创作一只咖啡壶
  • 通过获取异步加载JS文件进度实现一个canvas环形loading图
  • 继 XDL 之后,阿里妈妈开源大规模分布式图表征学习框架 Euler ...
  • ​Z时代时尚SUV新宠:起亚赛图斯值不值得年轻人买?
  • ​你们这样子,耽误我的工作进度怎么办?
  • # 20155222 2016-2017-2 《Java程序设计》第5周学习总结
  • #define用法
  • (分布式缓存)Redis哨兵
  • (附源码)spring boot儿童教育管理系统 毕业设计 281442
  • (剑指Offer)面试题41:和为s的连续正数序列
  • (教学思路 C#之类三)方法参数类型(ref、out、parmas)
  • (五)网络优化与超参数选择--九五小庞
  • (原創) 未来三学期想要修的课 (日記)
  • (转)Linq学习笔记
  • (转)人的集合论——移山之道
  • **PHP分步表单提交思路(分页表单提交)
  • .net FrameWork简介,数组,枚举
  • .Net8 Blazor 尝鲜
  • .NetCore 如何动态路由
  • .NET开源的一个小而快并且功能强大的 Windows 动态桌面软件 - DreamScene2
  • .NET开源全面方便的第三方登录组件集合 - MrHuo.OAuth