vue开发app 手机物理返回键返回/退出

mui进行手机物理键的监听

首先安装 vue-awesome-mui

npm i vue-awesome-mui

在main.js注册

import Mui from 'vue-awesome-mui';
Vue.use(Mui);

index.html

<script>mui.init({swipeBack: false, //关闭右滑关闭功能(默认就是false)keyEventBind: {backbutton: true //开启back按键监听( 默认就是true)}});// //首页返回键处理// //处理逻辑：1秒内，连续两次按返回键，则退出应用；var first = null;mui.back = function() {//首次按键，提示 再按一次退出应用if (!first) {first = new Date().getTime(); //记录第一次按下回退键的时间mui.toast("再按一次退出应用"); //给出提示history.go(-1); //回退到上一页面setTimeout(function() {//1s中后清除first = null;}, 1000);} else {if (new Date().getTime() - first < 1000) {//如果两次按下的时间小于1s，plus.runtime.quit(); //那么就退出app}}};</script>

vue开发app 手机物理返回键返回/退出相关推荐

h5打包app点击手机返回键直接退出app的解决方法
h5打包的app,在android手机上,点击手机自带的物理返回键,直接退出了app.由于onbackPress在app上不生效,于是用js的方式去做了拦截,实现了点击物理返回键返回上一页,而不是退出 ...
Android Native APP开发笔记：双击返回键退出应用单击返回键返回桌面
文章目录目的基础说明双击返回键退出应用单击返回键回到桌面总结目的双击返回键退出应用很早之前就是Android中非常常见的一种功能,而目前好多安卓应用为了应用常驻都改为使用单击返回键返 ...
解决Hbuilder打包的app返回键直接退出
解决Hbuilder打包的app返回键直接退出参考 https://blog.csdn.net/qq_25252769/article/details/76913083 解决打包成App后,单击手 ...
手机端在不同手机上的返回键返回位置
手机端在不同手机上的返回键返回位置在实际的应用中,我们常常需要实现在移动app和浏览器中点击返回.后退.上一页等按钮实现自己的关闭页面.调整到指定页面或执行一些其它操作的需求,那在代码中怎样监听当 ...
如何添加Android返回键的退出功能
环境:Cocos2dx v3.5 经网上搜索资料知道有两种方法可以实现Android返回键的退出功能,下面分别说明. 1.修改java代码首先,在Cocos2dx的源文件中找到Cocos2dxGLS ...
关于移动web手机端返回键直接退出的问题
问题描述:Hbuilder打包的app如果点击手机返回键,app会直接退出,返回不了上一页. 1.处理子页面点击返回键直接退出,无法返回,代码如下: //这个不是写在首页,写在子页面(子页面才能返回, ...
vue开发app项目，涉及原生接口调用，用hbuilder打包
使用vue开发app项目,怎么使用手机的原生功能,以获取手机的相册,调用摄像头为例. 这里使用的是hbuilder打包. 第一步: 定义一个vue组件,代码如下: <template>&l ...
Android 取消返回键返回事件，返回桌面，再按一次退出程序，双击事件
mainactivity返回桌面代码: activity下添加如下代码即可: @Override public void onBackPressed() {Intent home = new Inte ...
Android实现点击返回键返回桌面而不是退出程序
有时候我们的应用我们希望他点击一次返回键的时候不是退出应用而是返回到桌面,比如像QQ和微信等聊天软件,在主界面点击返回键的时候不是退出应用而是返回到桌面,那么怎么能够实现这种需求呢?其实也很简单,只需 ...

vue开发app 手机物理返回键返回/退出

vue开发app 手机物理返回键返回/退出相关推荐

最新文章

热门文章

vue开发app 手机物理返回键 返回/退出

vue开发app 手机物理返回键 返回/退出相关推荐

最新文章

热门文章

vue开发app 手机物理返回键返回/退出

vue开发app 手机物理返回键返回/退出相关推荐