z***@qq.com
z***@qq.com
  • 发布:2023-07-27 09:39
  • 更新:2023-12-06 16:20
  • 阅读:1050

关于HBuilder X打包的APP按返回键退出的问题(解决办法)

分类:HBuilderX

前一段时间,我也是被这个问题困扰了很多次,在论坛和百度上也找了很多,只是都没有仔细的说明怎么调用,
今天我在这里给大家说明一下怎么调用

首先先创建一个文件,命名为:houtui.js
放在文件的JS目录里,或者随意,记住路径就行,
js文件内容

document.addEventListener('plusready', function() {    
            var first = null;    
            var webview = plus.webview.currentWebview();    
            plus.key.addEventListener('backbutton', function() {    
                webview.canBack(function(e) {    
                    if (e.canBack) {    
                        webview.back(); //这里不建议修改自己跳转的路径    
                    } else {    
                        //首次按键,提示‘再按一次退出应用’    
                        if (!first) {    
                            first = new Date().getTime(); //获取第一次点击的时间戳    
                            // console.log('再按一次退出应用');//用自定义toast提示最好    
                            // toast('双击返回键退出应用'); //调用自己写的吐丝提示 函数    
                            plus.nativeUI.toast("再按一次退出应用", {    
                                duration: 'short'    
                            }); //通过H5+ API 调用Android 上的toast 提示框    
                            setTimeout(function() {    
                                first = null;    
                            }, 1000);    
                        } else {    
                            if (new Date().getTime() - first < 1000) { //获取第二次点击的时间戳, 两次之差 小于 1000ms 说明1s点击了两次,    
                                plus.runtime.quit(); //退出应用    
                            }    
                        }    
                    }    
                })    
            });    
        });

之后再H5网站的首页,添加

<body>  
<script src=/h5/static/js/houtui01.js></script>  
</body>

需要注意的是,你5+app 调用的是 域名链接,就得在网站源码里下载

你要是调用的app,要在HBuilder X设置调用好就行

0 关注 分享

要回复文章请先登录注册

7***@qq.com

7***@qq.com

大神,请问按手机的返回键,无法退出app(无法返回手机桌面)怎么弄呢?
2023-12-06 16:20