问题背景描述:
使用vue-cli搭建脚手架开发的项目,webpack打包之后用Hbuilder打包apk,安装之后点击安卓物理返回键,app会直接退出,返回不了上一页
解决办法:
1.新建一个global.js文件,然后把我们的处理逻辑放到里面去
document.addEventListener('plusready', function() {
var 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秒内,连续两次按返回键,则退出应用;
var first = null
plus.key.addEventListener(
'backbutton',
function() {
// 首次按键,提示‘再按一次退出应用’
if (!first) {
first = new Date().getTime()
console.log('再按一次退出应用') // 此处可以用自定义提示
setTimeout(function() {
first = null
}, 1000)
} else {
if (new Date().getTime() - first < 1500) {
plus.runtime.quit()
}
}
},
false
)
}
})
})
})
2.main.js中引入global.js文件
import './assets/js/global.js'
问题圆满结束