HBuilder X 打包app按返回键退出app

490 阅读1分钟

问题描述:

在使用HBuilder X 打包5+app项目的时候,点击安卓物理返回键,直接退出整个应用。

解决办法:

在 index.html 文件中编写以下js,也可以单独写一个js文件,在index.html文件中引入。

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提示最好  
                    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(); //退出应用  
                    }  
                }  
            }  
        })  
    });  
});