vue项目用hbuilder打包成APP后,返回键退出程序的解决办法

此解决办法主要是针对通过使用Hbuilder中的5+app打包成安卓代码出现的问题

方法参考来自于 https://juejin.cn/post/6844904128678723592,万分感谢!!!

在vue项目中public文件夹下的index.html中,在<div id="app"></div>查看如下<script>标签代码

    <script>
            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);
                        }
                    })
                });
            });
        </script>

完美解决,太感谢大佬的文章帮助了。

相关文章

一:HBuilder打包https://jingyan.baidu.com/article/e3c78d...
如何将H5和WebApp加壳成apk、ipa  问题:已经做好的纯H5的...
史上最全最实用HBuilder快捷键大全 一、文件操作二、编辑操...
常用模拟器的端口夜神模拟器端口号:62001海马玩模拟器端口号...
---恢复内容开始---     ---恢复内容结束---
http://ask.dcloud.net.cn/question/28090后台自动运行,定期...