微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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>

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐