前言

H5打成APP后发现一个问题：按返回键直接退出。为了解决以上问题，在index.html中加入如下js脚本，监听手机返回按键：根据url判断是否是首页（注意不能根据history或者canBack进行判断，会有bug），如果是则弹框提示退出，否则返回上一页。

代码

//不需要mui.js版本
            document.addEventListener('plusready', function() {
                
                plus.key.addEventListener('backbutton', function() {
                    
                    //获取地址栏目中的url
                    let url = location.hash.substr(0, 3);
                    //如果url是 / 或者 /? 类型，则说明在首页
                    if (url !== '#/' && url !== '#/?') {
                        history.go(-1);
                        return;
                    }
                    
                    //退出处理
                    uni.showModal({
                        title: '提示',
                        content: '是否退出？',
                        success(res) {
                            if (res.confirm) {
                                plus.runtime.quit();
                            } else if (res.cancel) {
                                console.log('用户点击取消');
                            }
                        }
                    });
                });
            });