Javascript

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

本文主要是介绍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>

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

这篇关于vue项目用hbuilder打包成APP后,返回键退出程序的解决办法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!