問題背景描述:
使用vue-cli搭建腳手架開發(fā)的項目,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秒內(nèi),連續(xù)兩次按返回鍵,則退出應(yīng)用;
var first = null
plus.key.addEventListener(
'backbutton',
function() {
// 首次按鍵,提示‘再按一次退出應(yīng)用’
if (!first) {
first = new Date().getTime()
console.log('再按一次退出應(yīng)用') // 此處可以用自定義提示
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'
問題圓滿結(jié)束