使用vue开发webApp,h-builder打包成原生行为包安卓手机自带回退键的问题

发布于 2022-09-11 16:25:41 字数 1090 浏览 26 评论 0

自己写的webapp,在安卓手机上,按一次回退键,就会退出app,回到桌面,而不是像原生app一样,会有一个提示,例如,“再按一次退出应用”的这种提示,但是还是没有实现回退的效果
我自己在用h-buider在index.html里加了一串代码
mui.init({

keyEventBind: {

backbutton: true //关闭back按键监听
}
});
// //首页返回键处理
// //处理逻辑:1秒内,连续两次按返回键,则退出应用;
var first = null;
mui.back = function() {

//首次按键,提示‘再按一次退出应用’

mui.init({
keyEventBind: {

backbutton: true  //关闭back按键监听

}
});
// //首页返回键处理
// //处理逻辑: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

1
} } };
也引入了mui.min.js,但就是没有效果,请问要实现这样的效果应该如何写### 问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么?实际看到的错误信息又是什么?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文