解决Hbuilder X打包app之后点击手机返回键直接退出app问题

第一步,创建back.js文件

内容为:

/**
* 解决Hbuilder X打包app之后点击手机返回键直接退出app的
*/
import {Toast} from 'vant';

document.addEventListener('plusready', function () {
const webview = plus.webview.currentWebview()
plus.key.addEventListener('backbutton', function () {
webview.canBack(function (e) {
if (e.canBack) {
webview.back()
} else {
// webview.close() //hide,quit
// plus.runtime.quit()
// 首页返回键处理
// 处理逻辑:1秒内,连续两次按返回键,则退出应用;
let first = null
plus.key.addEventListener(
'backbutton',
function () {
// 首次按键,提示‘再按一次退出应用’
if (!first) {
first = new Date().getTime()
Toast('再按一次退出应用') // 此处可以用自定义提示
setTimeout(function () {
first = null
}, 1000)
} else {
if (new Date().getTime() - first < 1500) {
plus.runtime.quit()
}
}
},
false
)
}
})
})
})

第二步,main.js中引入back.js

 

import Vue from 'vue'
import Vant from 'vant'
import 'vant/lib/index.css'
import App from './App'
import store from './store'
import router from './router'
// 引入back.js防止手机返回键直接退出
import '@/utils/back'
 

 

这样就生效了!!!

给TA打赏
共{{data.count}}人
人已打赏
技术教程投稿

如何简洁又优雅的编写Controller层

2023-3-24 9:21:59

技术教程投稿

Ubuntu20.04-22.04永久固定ip(重启不变)

2023-3-24 12:59:44

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索