Hbuilder打包app按返回键直接退出

问题背景描述:

使用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'

问题圆满结束

你可能感兴趣的:(Hbuilder打包app按返回键直接退出)