webAPP使用mui修改手机自带back虚拟按键触发返回或退出

作者：鹏仔先生日期：2020-06-03 10:53:21浏览：2325分类：JavaScript

做了一个小型webAPP，打包生成安装包安装到手机之后，安卓自带物理返回键，每次只要触碰了，APP就直接退出了，刚好用的 mui ，于是查了下mui修改物理返回键，代码如下

<script>
    mui.init({
        keyEventBind: {
            backbutton: true //关闭back按键监听
        }
    });
    //首页返回键处理
    //处理逻辑：0.5秒内，连续两次按返回键，则退出应用；
    var first = null;
    mui.back = function() {
        //首次按键，提示  再按一次退出应用
        if (!first) {
            first = new Date().getTime(); //记录第一次按下回退键的时间
            mui.toast('再按一次退出应用'); //给出提示
            history.go(-1) //回退到上一页面
            setTimeout(function() { //0.5s中后清除
                first = null;
            }, 500);
        } else {
            if (new Date().getTime() - first < 500) { //如果两次按下的时间小于0.5s，
                plus.runtime.quit(); //那么就退出app

            }
        }
    };
</script>

我们将代码放置你所需的页面即可，根据页面需求，来修改上方代码是退出还是返回上一页。