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

2024年04月03日 懒猪 前端开发 前端博客 个人博客 网站制作 鹏仔先生 百变鹏仔 HTML CSS javascript JS 共享博客

<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>